Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Note: problem is now solved by putting overflow: hidden within the slideshow css so have removed the temporary page.

    I am trying to use a jquery script ( http://www.malsup.com/jquery/cycle/) to give rotating pictures (the central picture within the black band). I've got it working on a temporary site (temporary page now removed)

    The problem is that in ie6 (worst) and sometimes in ie7 and firefox, you can see the rotating pictures all in a line underneath each other until the script kicks in and rotates them. This usually happens every time you go from one page to another.

    I have tried setting the height of the container to the height of the images (247) within the head section:
    <!-- include jQuery library -->
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('.slideshow').cycle({
    fx: 'fade',
    speed: 1600,
    autostop: 1,
    fit: 0,
    height: 247

    });
    });
    </script>
    and I have also defined the heght and width of the container within my css:
    .slideshow {
    position:absolute;
    top:173px;
    left:330px;
    z-index: 3;
    width: 280px;
    height: 247px;
    }
    At the moment, nothing is working. Does anyone have any ideas?

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:02 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com