PDA

View Full Version : Ultimate Fade-In Slideshow (v1.5) distortion on my site



mamasboy.com
11-16-2006, 12:54 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:

It stretched my site after the code was added. check it out:

http://imamamasboy.com/tastemakers/home.php

Table coding:
<tr>
<td width="134" bgcolor="#F8F0ED" rowspan="3"><script type="text/javascript">

new fadeshow(fadeimages, 134, 161, 0, 3000, 1)
new fadeshow(fadeimages2, 134, 161, 0, 3000, 0)

</script></td>

Do i have to change the script coding in here?

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')


a printscreen of how it was supposed to look:

http://www.imamamasboy.com/tastemakers/test.jpg


I want to say Thanks in advance. I'm very new with CSS and JAVA and Dynamicdrive is an awesome resource guide to get me off the right track, unfortunately, I hit a small roadblock.

Any help will be greatly appreciated.

mamasboy.com
11-17-2006, 10:23 PM
I revised my posting, hope it elaborates more.

Thanks

jscheuer1
11-18-2006, 07:06 AM
I thought I had already responded to this post. Must have been a similar one or I hit the wrong button somewhere. Since you are only using the one show, get rid of this:


var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/sale.jpg", "http://sale.php", ""] //plain image syntax
fadeimages[1]=["images/sale2.jpg", "http://sale.php", ""] //image with link syntax
fadeimages[2]=["images/sale3.jpg", "http://sale.php", ""] //image with link and target syntax

And this:


new fadeshow(fadeimages2, 134, 161, 0, 3000, 0)

There could be other problems.

mamasboy.com
11-18-2006, 04:54 PM
Thank you very much John. It worked like a charm and fortunately, no further problems or errors! Forgive my ignorance, I didn't realize it was a coding for another slide. Now I know why the page was being pushed down.

Merry Christmas and Happy Holidays to all!!