javascript - Issue with jQuery tabs and Slidshow -
i have issue need resolve. includes code jquery tabs , slideshow composition.
html
<div> <div style="display: block;"> <a href="http://www.implanteperio.com.br/megaimersao/"><img src="images/banner/banner_mega_junho.jpg" border="0" /></a> </div> <div> <a href="http://implanteperio.com.br/cursos2013_estrangeiros.php"><img src="images/banner/banner_extranjeros_cirurgia_plastica_periimplantar.jpg" border="0" /></a> </div> <div> <a href="http://implanteperio.com.br/cursos2013_recobrimento_radicular.php"><img src="images/banner/banner_imersao_recobrimento_radicular.jpg" border="0" /></a> </div> <div> <a href="#"><img src="images/banner/banner_novos_cursos.jpg" border="0" /></a> </div> <div> <a href="http://implanteperio.com.br/cursos2013_education_week.php"><img src="images/banner/banner_education2_esgotado.jpg" border="0" /></a> </div> <div> <a href="http://implanteperio.com.br/casos03_2013.php"><img src="images/banner/banner_casos_maio.jpg" border="0" /></a> </div> <!--<div> <a href="casos07_2012.php"><img src="images/banner/03_(10.2012).jpg" border="0" /></a> </div>--> </div> <div class="slidetabs"> <a class="current" href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> </div>
javascript
// $(document).ready ? see: http://flowplayer.org/tools/documentation/basics.php#document_ready $.noconflict(); chamatab = $(function() {$(".slidetabs").tabs($(".images > div", {effect: 'fade', fadeoutspeed: "slow", rotate: true })).slideshow({autoplay: true, interval: 5000}); });
the code doesn't work! problem needs fixed.. don't have idea how resolve it.
p.s: i'm new programming jquery , javascript, ask little patience.
something seems off initialization function. try this:
chamatab = $(function() { $(".slidetabs").tabs( { effect: 'fade', fadeoutspeed: "slow", rotate: true }) .slideshow({autoplay: true, interval: 5000}); });
Comments
Post a Comment