間違った画像を表示するJQueryサイクルプラグイン

Question

すばらしいフォーラム、

助けてください！私は、親/ラッパーdiv内の3個の独立したdivのクラスを定義した基本的なJQuery Cycleプラグインに問題があります。各部門にはそれぞれの親に固有の3つの画像があります。問題は、JQuery Cycleプラグインが間違ったdivに画像を表示していることです！誰かが私のために解決策を提供できれば、そしてこれがなぜ起こっているのかについての説明があれば素晴らしいだろう。違いが出たら私はWordpressで働いています。ここではHTMLは次のとおりです。

<div class="gateway_img_containers clearfix"> 
    <div class="left_gateway_img_holder"> 
     <img src="<?php bloginfo('template_url'); ?>/images/position1_img_left.jpg" /> 
     <img src="<?php bloginfo('template_url'); ?>/images/position2_img_left.jpg" /> 
     <img src="<?php bloginfo('template_url'); ?>/images/position3_img_left.jpg" /> 
    </div> 
    <div class="middle_gateway_img_holder"> 
     <img src="<?php bloginfo('template_url'); ?>/images/position2_img_left.jpg" /> 
     <img src="<?php bloginfo('template_url'); ?>/images/position_2_img_middle.jpg" /> 
     <img src="<?php bloginfo('template_url'); ?>/images/position_2_img_right.jpg" /> 
    </div> 
    <div class="right_gateway_img_holder"> 
     <img src="<?php bloginfo('template_url'); ?>/images/position3_img_left.jpg" /> 
     <img src="<?php bloginfo('template_url'); ?>/images/position_3_img_middle.jpg" /> 
     <img src="<?php bloginfo('template_url'); ?>/images/position_3_img_right.jpg" /> 
    </div> 
</div> 

そして、ここではjQueryのです：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.cycle.all.js"></script> 


<script type="text/javascript"> 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function(){ 
     $j('.left_gateway_img_holder').cycle(); 
    }); 
</script> 

<script type="text/javascript"> 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function(){ 
     $j('.middle_gateway_img_holder').cycle(); 
    }); 
</script> 

<script type="text/javascript"> 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function(){ 
     $j('.right_gateway_img_holder').cycle(); 
    }); 
</script> 

私は（サイクル内でそれらを指定している画像の表示を制限することができますか）？

詳細情報が必要な場合はお知らせください。 thankx :)

Answer 1

<script type="text/javascript"> 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function(){ 
     $j('.left_gateway_img_holder').cycle(); 
     $j('.middle_gateway_img_holder').cycle(); 
     $j('.right_gateway_img_holder').cycle(); 
    }); 
</script> 

あなたはdifernts準備関数を記述する必要はありません、 はすべてあなたのdiv