Results 1 to 2 of 2

Thread: Split Display possible on Ultimate Fade In Slideshow v.2.0?

  1. #1
    Join Date
    Jul 2007
    Location
    Spokane
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Split Display possible on Ultimate Fade In Slideshow v.2.0?

    1) Script Title:
    Ultimate Fade In Slideshow v.2.0

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

    3) Describe problem:

    I have the slideshow working with images less that 400 pixels wide in a box about 900 pixels wide but I would like some of the images aligned left and some aligned right. IS this possible?

  2. #2
    Join Date
    Aug 2004
    Posts
    9,893
    Thanks
    3
    Thanked 966 Times in 954 Posts
    Blog Entries
    15

    Default

    You can try the below modified .js file, which does the following:

    1) Remove the default centering of images horizontally within the slideshow, so they all appear left aligned by default

    2) For each individual image, the ability to specify an explicit left margin to push that image farther to the right. By specifying the difference between the slideshow's width and image's width as the value, you can essentially make that image appear right aligned.

    To define an explicit left margin for a particular image, inside the slideshow's configuration code and within the imagearray option, make use of a new forth parameter to specify that value:

    Code:
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [450, 480], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
    		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!", 100],
    		["http://i30.tinypic.com/531q3n.jpg"],
    		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: ""
    })
    Here the 2nd image will have a 100px left margin, while the rest will just default to being left aligned.
    DD Admin

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
  •