Im trying to create some pictures which scroll up the side of the website. I have a basic code but its not exactly how i want it!
I would like the images to scroll up and not dispear so quick. I also want the images much bigger and a gap between each photo.
Here is the code i have came up with so far. It doesnt work at all. Any help will be useful
<marquee behavior="scroll" direction="up">
<img src="gardenhouse.jpg" width="90" height="90">
<img src="pool.jpg" width="90" height="90">
<img src="barn.jpg"width="90" height="90">
<img src="lightuphouse.jpg"width="90" height="90">
@cherishrose - Show us what you have tried that didn't work and we'll tell you what mistake(s) you have made. The code that gramps linked for you certainly does work when properly implemented.
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.
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
Comparing this to a physical object, the
From the above, we can conclude that
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 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.