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.html 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.
Using Firefox as the browser, right-click on the page. This will show a pop-up menu. In the pop-up menu click on View Page Source as per
This will open a new window showing the source code. Click on jquery.thumbnailScroller.css as per
This will show you the CSS. Copy and paste the CSS in a local file.
Whoa! Your too fast!
First let me explain the workings of a (jQuery) widget. It consists of three parts
- markup (HTML)
- styling (CSS)
- script (JS)
Comparing this to a physical object, the
- HTML is the hardware like body, wheels seats etc. It is static and does nothing
- CSS is the styling like colour, materials used, mag wheels. Still does nothing but is pleasing to the eye.
- JS is the engine. This makes the car move
From the above, we can conclude that
- if a mudguard is missing, we need to adjust the HTML
- if a mudguard is the wrong colour we need to adjust the CSS
- 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
- The main JS-files. This can be one file or a few files.
- The constructor
The constructor for your widget looks like
/* 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] */
/* calling thumbnailScroller function with options as parameters */
and is usually placed in the main document.
The JS files that are required for this widget
<!-- jquery -->
<!-- jquery ui custom build (for animation easing) -->
<!-- thumbnailScroller 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.
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.