javascript - jQuery タブとスライドショーの問題

Question

解決しなければならない問題があります。これには、jQuery タブとスライドショー構成のコードが含まれます。

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

// What is $(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}); });

コードが機能しません。この問題は修正する必要があります..しかし、解決方法がわかりません。

PS: jQuery と Javascript のプログラミングは初めてなので、少々お待ちください。