Results 1 to 3 of 3

Thread: fade effect

  1. #1
    Join Date
    Dec 2006
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default fade effect

    Hello,
    Can somebody help me,please?
    I need a "slide show with fading effect" to fit in this script below.


    When mouse over a button box appears with slide show of 3 pictures ( with fading effect) like in the link
    http://www.dynamicdrive.com/dynamici...nslideshow.htm

    Thank you


    <html>
    <head>
    <title>Untitled</title>
    </head>
    <script language="JavaScript">
    function showImage(divID,action){
    objDiv = document.getElementById(divID);
    objDiv.style.display = 'block';
    if(action==1){
    objDiv.style.display = 'block';
    }else{
    objDiv.style.display = 'none';
    }
    }

    </script>

    <body>



    <br>
    <img src="button.jpg" onmouseover="showImage('ImagesArea',1)" onmouseout="showImage('ImagesArea',0)">

    <br>
    <br>
    <br>
    <br>
    <div id="ImagesArea" style="border:1px solid gray;width:500px;height:100px;display:none">
    <img src="pic1.jpg"> <img src="pic2.jpg"> <img src="pic3.jpg">
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    </body>
    </html>

  2. #2
    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

    What's wrong with that script for that? Here's a demo combining the two*:

    http://home.comcast.net/~jscheuer1/s...ock_none_h.htm



    *Actually a modified version of U-fade that works the same but, has better cross browser fading.
    - John
    ________________________

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

  3. #3
    Join Date
    Dec 2006
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much!!!

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
  •