JQuery循环插件显示错误的图像

哦，很好的论坛

请帮忙！！我对基本JQuery循环插件有一个问题，我在父/包装器div中为3个独立div定义了类。每个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>

/图像/位置1\u img\u left.jpg/>
/图像/位置2\u img\u left.jpg/>
/图像/位置3\u img\u left.jpg/>
/图像/位置2\u img\u left.jpg/>
/图像/位置\u 2\u img\u middle.jpg/>
/图像/位置\u 2\u img\u right.jpg/>
/图像/位置3\u img\u left.jpg/>
/图像/位置\u 3\u img\u middle.jpg/>
/图像/位置\u 3\u img\u right.jpg/>

下面是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>

var$j=jQuery.noConflict（）；
$j（文档）.ready（函数（）{
$j（'.left_gateway_img_holder'）。cycle（）；
$j（'.middle_gateway_img_holder'）。cycle（）；
$j（'.right_gateway_img_holder'）。cycle（）；
});

你不需要写不同的函数，
尝试将相对位置和隐藏溢出添加到所有div中
你确定你的路径正确吗？我发现你可能缺少
这里
/images/position2\u img\u left.jpg
和这里
/images/position3\u img\u left.jpg
…路径正确…只是不一致，呵呵。我的错：谢谢你的建议！
<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>