PDA

View Full Version : Split Display possible on Ultimate Fade In Slideshow v.2.0?



Lorel
09-23-2011, 04:35 PM
1) Script Title:
Ultimate Fade In Slideshow v.2.0

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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?

ddadmin
09-23-2011, 05:21 PM
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:


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.