Results 1 to 4 of 4

Thread: Carousel slideshow help!!!

  1. #1
    Join Date
    Jun 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Carousel slideshow help!!!

    http://www.dynamicdrive.com/dynamici.../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?!?!?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Use the titles array, that's what it is for.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ?????.....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?

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Here, highlighted in red, from the demo:

    Code:
    <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>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •