Query on Ultimate Fade-in slideshow (v1.5) [Archive]

joycie

08-06-2006, 08:17 AM

1) Script Title: Ultimate Fade-in slideshow (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: The images that I am using come with same width but different heights. Is there anyway to go around it?

jscheuer1

08-06-2006, 09:45 AM

Find the fadeshow.prototype.populateslide function and replace it with this one:

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML='<table width="100%" height="100%" border="0"><tr><td width="100%" height="100%" align="center" valign="middle">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
slideHTML+='</td></tr></table>'
picobj.innerHTML=slideHTML
}

Set the width of the slideshow to the width as usual but set the height to the maximum height of your tallest image:

new fadeshow(fadeimages, 140, 225, 0, 3000, 0)