www.webdeveloper.com
Results 1 to 2 of 2

Thread: why slideshow not showing, until click the link

Hybrid View

  1. #1
    Join Date
    Jul 2013
    Posts
    57

    why slideshow not showing, until click the link

    Hello,

    I have problem with the slideshow. it didn't showing, i refresh still same. but if i click link for that page. it shows. why? i dont know what the problem. This is my code.

    HTML Code:
    	<div id="cyclewrap">
            <div id="cycleimages">
            <a href="property2.html"><img width="960" height="624" src="images/property/slide1a.png"></a>
            <a href="property2.html"><img width="960" height="624" src="images/property/slide2a.png"></a>
            <a href="property2.html"><img width="960" height="624" src="images/property/slide3a.png"></a> 
            <a href="property2.html"><img width="960" height="624" src="images/property/slide4a.png"></a>
            <a href="property2.html"><img width="960" height="624" src="images/property/slide5a.png"></a> 
            <a href="property2.html"><img width="960" height="624" src="images/property/slide6a.png"></a>
               </div>
            <a class="cycleprev" href="#">&nbsp;</a> 
            <a class="cyclenext" href="#">&nbsp;</a>
            <div id="cyclewrapnav">&nbsp;</div>
    </div>
        <script type="text/javascript">
        jQuery(document).ready(function() {
                if (jQuery('#cycleimages').length > 0) {
                    jQuery('#cycleimages').cycle({ 
                        fx: 'scrollHorz',
                        speed: 750,
                        timeout: 4000, 
                        randomizeEffects: false, 
                        easing: 'easeOutCubic',
                        next:   '.cyclenext', 
                        prev:   '.cycleprev',
                        pager:  '#cyclewrapnav',
                        cleartypeNoBg: true
                    });
                }
            });
        </script>
    Code:
    #cyclewrap{position:relative;width:960px;}
    #cyclewrap .cycleprev, #cyclewrap .cyclenext{display:block;position:absolute;width:32px;height:32px;top:250px;z-index:9999;text-decoration:none;}
    #cyclewrap .cycleprev{left:0; background:url() no-repeat top left;}
    #cyclewrap .cyclenext{right:0;background:url() no-repeat top left;}
    #cyclewrapnav {position:absolute; bottom:0; z-index:9999;}
    #cyclewrapnav a{background:transparent url(images/property/pagenav.png) no-repeat 0 0 ; float:left; height:15px; overflow:hidden; text-decoration:none; text-indent:-1234px; width:16px; margin-left:10px; margin-bottom:10px;}
    #cyclewrapnav a.activeSlide {background-position:-32px 0;}
    #cycleimages{overflow: hidden; position: relative;}

  2. #2
    Join Date
    Sep 2008
    Location
    Jackson MS
    Posts
    373
    What do you have in (body onload="???") Works fine here: cats.

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