JQuery Cycle插件显示错误图片

噢大论坛，JQuery Cycle插件显示错误图片

请大家帮忙!!我有一个基本的JQuery循环插件的问题，我已经为parent/wrapper div中的3个indevidual 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>

这里是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 :)

来源

2012-04-12 art_wired

你确定你的路是正确的？我发现你可能在这里丢失了'_'这里'/ images/position2_img_left.jpg'和这里'/ images/position3_img_left.jpg' ... – elclanrs 2012-04-12 21:45:26

路径是正确的...只是不一致的hehe。我的坏：S谢谢你的建议！ – 2012-04-12 21:53:30

<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

来源

2012-04-13 12:48:01

JQuery Cycle插件显示错误图片

回答

相关问题