Have a look here http://manos.malihu.gr/jquery-thumbnail-scroller

Gramps

cherishrose12344321 wrote:

 

None of the code worked at all?

Do I take the above as a statement or a question?

If it is the latter, then yes the code does work.

Gramps

You are in the best position to answer that. We are not privy to seeing what you have done and unfortunately our mindreaders have gone on strike.

Grumps

Nobody is trying to take the mick out of you. We are here to help you, but you need to help us to help you. It is impossible to know what you have done if you will not share that info, nor are we to know that you are a 17-year old female as you have stated and that you want to be treated as such. Maybe I should add that I am more than half a century your senior.

Now that we are aquainted, have another look at the demo http://manos.malihu.gr/tuts/jquery_thumbnail_scroller_vertical_full.ht ml and if that is what you want, we can assist you to get that result.

Mind, that the best way for us to help you is for you to upload the site to a temporary location and supply a link to that location. I know that on several occasions you have stated that you can't, but that is a word that should not be in your vocabulary.

It's up to you.

Gramps

Whoa! Your too fast!

First let me explain the workings of a (jQuery) widget. It consists of three parts

1. markup (HTML)
2. styling (CSS)
3. script (JS)

Comparing this to a physical object, the

1. HTML is the hardware like body, wheels seats etc. It is static and does nothing
2. CSS is the styling like colour, materials used, mag wheels. Still does nothing but is pleasing to the eye.
3. JS is the engine. This makes the car move

From the above, we can conclude that

1. if a mudguard is missing, we need to adjust the HTML
2. if a mudguard is the wrong colour we need to adjust the CSS
3. if the car does not move, we need to look at the JS

In your case, the button does not work and there is no scrolling. This looks like a problem with the JS. It may be best to elaborate on the JS that is used to animate the widget. This consists of two parts

1. The main JS-files. This can be one file or a few files.
2. The constructor

The constructor for your widget looks like

<script>

/* jQuery.noConflict() for using the plugin along with other libraries.
   You can remove it if you won't use other libraries (e.g. prototype, scriptaculous etc.) or
   if you include jQuery before other libraries in yourdocument's head tag.
   [more info: http://docs.jquery.com/Using_jQuery_with_Other_Libraries] */
jQuery.noConflict();
/* calling thumbnailScroller function with options as parameters */
(function($){
window.onload=function(){
$("#tS3").thumbnailScroller({
scrollerType:"clickButtons",
scrollerOrientation:"vertical",
scrollSpeed:2,
scrollEasing:"easeOutCirc",
scrollEasingAmount:800,
acceleration:4,
scrollSpeed:800,
noScrollCenterSpace:10,
autoScrolling:0,
autoScrollingSpeed:2000,
autoScrollingEasing:"easeInOutQuad",
autoScrollingDelay:500
});
}
})(jQuery);
</script>

and is usually placed in the main document.

The JS files that are required for this widget

<!-- jquery -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<!-- jquery ui custom build (for animation easing) -->

<script src="jquery-ui-1.8.13.custom.min.js"></script>

<!-- thumbnailScroller script -->

<script src="jquery.thumbnailScroller.js"></script>

If any of the above three files are missing, or not linked properly or in a different order, then this could be at the heart of your problem.

Gramps

Have you got a local copy of each of the two following?

<script src="jquery-ui-1.8.13.custom.min.js"></script>

<script src="jquery.thumbnailScroller.js"></script>

Gramps

You're missing the jQuery files necessary to make this work.  That's why I told you to download & extract the plug-in.zip files to your local site folder.  

Copying and pasting someone else's code isn't going to work on your site unless you have all the supporting scripts at your end.  The easiest way to get them all is to download the .zip.

Nancy O.