JavaScript Jquery script for image scrolling in div not working javascript jquery image carousel,jquery script for zooming image on

I am merely looking for some help as a newbie learning webdesign, please understand I am still in the very early stages of learning when answering my question.

I have the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" target='_blank' href="jquery/css/smoothDivScroll.css" type="text/css" />
<script src="jquery/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
<script src="jquery/js/jquery.kinetic.min.js" type="text/javascript"></script>
<title>Untitled Document</title>
<style>
#makeMeScrollable div.scrollableArea *
{
    position: relative;
    display: block
    float: left;
    margin: 0;
    padding: 0;
    /* If you don't want the images in the scroller to be selectable, try the following
        block of code. It's just a nice feature that prevent the images from
        accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
</style>
</head>

<body>

<script type="text/javascript">
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
            mousewheelScrolling: "allDirections",
            manualContinuousScrolling: true,
            autoScrollingMode: "onStart"
        });
    });
</script>

<div id="makeMeScrollable">
        <img src="images/demo/field.jpg" alt="Field" id="field" />
        <img src="images/demo/gnome.jpg" alt="Gnome" id="gnome" />
        <img src="images/demo/pencils.jpg" alt="Pencils" id="pencils" />
        <img src="images/demo/golf.jpg" alt="Golf" id="golf" />
        <img src="images/demo/river.jpg" alt="River" id="river" />
        <img src="images/demo/train.jpg" alt="Train" id="train" />
        <img src="images/demo/leaf.jpg" alt="Leaf" id="leaf" />
        <img src="images/demo/dog.jpg" alt="Dog" id="dog" />
    </div>

The plugin is from this website

My problem is when I upload my page to server and view it, I am clearly doing something wrong, since instead of images actually scrolling in div, all 5 images are just displayed in a row.

Answer:1

I am fairly new to using SugarCRM and I am just trying to do some validation on a form page I have. I am simply trying to get the value of my dropdown, and perform my error if it is equal to "None" ...

I am fairly new to using SugarCRM and I am just trying to do some validation on a form page I have. I am simply trying to get the value of my dropdown, and perform my error if it is equal to "None" ...

  1. variable dropdown selected value

How I have a basic javascript registration form which sends the password that an user has filled to a secure axis2 web service (which stores the salted hash of the password in a database). Mu ...

How I have a basic javascript registration form which sends the password that an user has filled to a secure axis2 web service (which stores the salted hash of the password in a database). Mu ...

  1. secure client javascript
  2. javascript secure websocket client example
  3. javascript secure websocket client

I am building an windows app using Tide SDK. How can I open a local file from my app. For example, I have a pdf file somewhere in my harddisk. I put the link to that file to my app. When I click on ...

I am building an windows app using Tide SDK. How can I open a local file from my app. For example, I have a pdf file somewhere in my harddisk. I put the link to that file to my app. When I click on ...

  1. open local file in chrome
  2. open local file javascript
  3. open local file python
  4. open local file in browser
  5. open local file in google docs
  6. open local file in safari
  7. open local file in firefox
  8. open local file in edge
  9. open local file html
  10. open local file links in chrome
  11. open local file from browser link
  12. open local file in jupyter notebook
  13. open local file revit
  14. open local file c#
  15. open local file in office 365
  16. open local file with excel online
  17. open local file in chrome android
  18. open local file with barcode
  19. open local file with remote app
  20. open local file javascript chrome

If you need to keep scope in a nested function, it is convention to make a variable that that is the the this like so: var that = this; and reference that in the nested function. What is the ...

If you need to keep scope in a nested function, it is convention to make a variable that that is the the this like so: var that = this; and reference that in the nested function. What is the ...