PDA

View Full Version : Carousel slideshow help!!!



webprincess4church
06-06-2005, 05:06 PM
http://www.dynamicdrive.com/dynamicindex14/carousel2.htm

I've played with script and finally got it the way I want it, but now....I'm trying to add a simple tooltip or pop up box to each of my pictures on the carousel......and the pictures are not linked to any specific pages....Can anyone help?!?!? :confused:

jscheuer1
06-06-2005, 07:13 PM
Use the titles array, that's what it is for.

webprincess4church
06-06-2005, 08:29 PM
?????.....I'm a newbie...I have no clue....my pics..look like this:

*/
Car_Image_Sources=new Array(
"IMGs/revwarren.jpg","",
"IMGs/revjoshua.jpg","",
"IMGs/revgrant.jpg","",
"IMGs/revlaster.jpg","",
"IMGs/revblack.jpg","",
"IMGs/revbenson.jpg","",
"IMGs/revdavis.jpg","",
"IMGs/revjohnson.jpg","",
"IMGs/revmccrane.jpg","",
"IMGs/revnorwood.jpg","",
"IMGs/revprince.jpg","",
"IMGs/revrowland.jpg","",
"IMGs/revshiner.jpg","",
"IMGs/revsinclair.jpg","",
"IMGs/revthomas.jpg","",
"IMGs/revwashington.jpg",""
);

Where is the titles array?

jscheuer1
06-06-2005, 10:19 PM
Here, highlighted in red, from the demo:


<div style="margin-top: 1em; font-weight: bold;">1) Horizontal Slideshow:</div>
Each image hyperlinked and opens in same browser.
<script type='text/javascript'>
carousel({id:'Amazon Books', //Enter arbitrary but unique ID of this slideshow instance
border:'',
size_mode:'image', //Enter "carousel" or "image". Affects the width and height parameters below.
width:107, //Enter width of image or entire carousel, depending on above value
height:140, //Enter height of image or entire carousel, depending on above value
sides:6, //# of sides of the carousel. What's shown = sides/2. Even integer with sides/2< total images is best
steps:23, //# of animation steps. More = smoother, but more CPU intensive
speed:5, //Speed of slideshow. Larger = faster.
direction:'left', //Direction of slideshow. Enter "top", "bottom", "left", or "right"
images:['http://images.amazon.com/images/P/0596004672.01.MZZZZZZZ.jpg',
'http://images.amazon.com/images/P/0201730847.01.MZZZZZZZ.jpg',
'http://images.amazon.com/images/P/0201735687.01.MZZZZZZZ.jpg',
'http://images.amazon.com/images/P/0596005768.01._SCMZZZZZZZ_.jpg'],
links: ['http://www.dynamicdrive.com', //enter link URLs, or for no links, empty array instead (links :[])
'http://www.javascriptkit.com',
'http://www.codingforums.com',
'http://www.cssdrive.com'],
titles:['Book #1',
'Book #2',
'Book #3',
'Book #4'],
image_border_width:1,
image_border_color:'blue'
});
</script>