www.webdeveloper.com
Results 1 to 7 of 7

Thread: [RESOLVED] Problems with slow starting slide show

Threaded View

  1. #1
    Join Date
    Mar 2004
    Location
    Nevada, USA
    Posts
    201

    resolved [RESOLVED] Problems with slow starting slide show

    I found this code for a slide show. Unfortunately once the page loads there is about a 4 second delay before the first slide starts to fade out. Can someone tell me what is causing this delay? I am concerned the viewers may leave the page before they realize this is a slide show.

    The website can be seen here: http://www.glitzandglamdesigns.com/fashion/index.shtml

    Note: This web page may not be suitable for viewing at work as it is showing a fashion designer's women's night wear.

    Code:
    <style>
    .fade
    {
     box-shadow:1px 1px 5px 2px #6DC83C;
     position:relative;
     width:300px;
     height: 400px;
     border-radius:19px;
    }
    
    .fade img
    {
     border-radius:19px;
     position:absolute;
     left:0;
     top:0;
    }
    </style>
    
    <script>
    $(function(){
     $('.fade img:gt(0)').hide();
     setInterval(function(){$('.fade :first-child').fadeOut(3000).next('img').fadeIn(3000).end().appendTo('.fade');}, 4000);
    });
    </script>
    
    <div class="fade">
     <img src="images/a.jpg">
     <img src="images/b.jpg">
     <img src="images/c.jpg">
     <img src="images/d.jpg">
     <img src="images/e.jpg">
     <img src="images/f.jpg">
     <img src="images/g.jpg">
     <img src="images/h.jpg">
    </div>
    Last edited by lkeeney; 11-02-2013 at 12:44 AM.
    Larry

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles