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.
<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="#"> </a>
<a class="cyclenext" href="#"> </a>
<div id="cyclewrapnav"> </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>
#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;}