PDA

View Full Version : Smoothscrolldiv, jquery gallery.


Zeroes
04-26-2012, 12:07 AM
I managed to screw up the last thread I made and I'm getting a bit desperate. I'm trying to add a jquery gallery to my site. I've put the plugin directly into my website folder.

The one Im trying to use is this Smooth Div Scroll: http://www.smoothdivscroll.com/index.html#toc


I have the settings for my Div:
<style type="text/css">

#apDiv1 {
position:absolute;
left:10px;
top:9px;
width:1024px;
height:100px;
z-index:1;
}
#scrolldiv {
position:absolute;
left:10px;
top:109px;
width:1024px;
height:361px;
z-index:2;
}
</style>Scrolldiv is the one I'm trying to turn into a scrolling gallery.


I have my images in the Div like this:
<div id="scrolldiv">
<img src="image1.jpg" width="554" height="768" />
<img src="image2.jpg" width="547" height="768" />
<img src="image3.jpg" width="568" height="768" />
<img src="image4.jpg" width="567" height="768" />
</div>And I have the code for the smooth scroll in the script section (with other things) like this:
<script type="text/javascript">
$(document).ready(function() {
$("#scrolldiv").smoothDivScroll({
mousewheelScrolling: true,
manualContinuousScrolling: true,
visibleHotSpotBackgrounds: "always",
autoScrollingMode: "onstart"
});
});
</script>I have the provided plugin downloads directly in the websites folder. CSS, Images and js were the provided folders.

I must be missing something or have linked something up wrong, because at the moment the website just displays the images normally within the Div.

domedia
04-26-2012, 01:07 PM
Post a link if you have it.

The code looks legit.