0

ああ、素晴らしいフォーラム、

助けてください！！親/ラッパー div 内の 3 つの個別の div のクラスを定義した基本的な JQuery Cycle プラグインに問題があります。各 div には、それぞれの親に固有の 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>

cycle() 内で指定することにより、表示する画像を制限できますか?

さらに情報が必要な場合はお知らせください。ありがとう:)

4

1 に答える 1

0 
<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>

別の準備ができた関数を書く必要はありません。すべてのdivに相対位置と隠しオーバーフローを追加してみてください

于 2012-04-13T12:48:01.940 に答える