Results 1 to 4 of 4

Thread: Ultimate Fade-In Slideshow (v1.5) distortion on my site

  1. #1
    Join Date
    Nov 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Help needed with the fade in slideshow

    1) Script Title:
    Ultimate Fade-In Slideshow (v1.5)

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...nslideshow.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.
    Last edited by mamasboy.com; 11-17-2006 at 10:22 PM.

  2. #2
    Join Date
    Nov 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow

    I revised my posting, hope it elaborates more.

    Thanks

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    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:

    Code:
    new fadeshow(fadeimages2, 134, 161, 0, 3000, 0)
    There could be other problems.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Nov 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    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!!

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
  •