Advanced Search

Results 1 to 3 of 3

Thread: Continuous Reel Slideshow - captions??

  1. #1
    Join Date
    Mar 2008
    Posts
    46
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Continuous Reel Slideshow - captions??

    1) Script Title: Continuous Reel Slideshow

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...lslideshow.htm

    3) Describe problem: No problem, just wondering if there is a way to add captions below the image rather than building them into the image.

    This is the example that I am working on, want to be able to give credit to the photographer below the photo-
    http://www.zeechproductions.com/tvmonster/
    thanks!
    zack

  2. #2
    Join Date
    Aug 2004
    Posts
    9,862
    Thanks
    3
    Thanked 959 Times in 948 Posts
    Blog Entries
    15

    Default

    Sure, try the below modified .js file. Then inside the initialization code for the slideshow, extend it with a textarray option, for example:

    Code:
    var firstreel=new reelslideshow({
    	wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
    	dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://i26.tinypic.com/11l7ls0.jpg"], //["image_path", "optional_link", "optional_target"]
    		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
    		["http://i30.tinypic.com/531q3n.jpg"],
    		["http://i31.tinypic.com/119w28m.jpg"] //<--no trailing comma after very last image element!
    	],
    	textarray: [
    		"This is Photo 1",
    		"This is Photo 2",
    		"",
    		"This is Photo 4",
    	],
    	displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
    	orientation: "h", //Valid values: "h" or "v"
    	persist: true, //remember last viewed slide and recall within same session?
    	slideduration: 300 //transition duration (milliseconds)
    })
    The description is added beneath each image inside a DIV with CSS class descdiv. You can style it in your CSS, such as:

    Code:
    .descdiv{
    width:200px;
    background:#eee;
    margin:0 auto;
    }
    DD Admin

  3. #3
    Join Date
    Mar 2008
    Posts
    46
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Thank You!

    that worked great!
    Thing of beauty...
    cheers
    zack

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
  •