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插件顯示錯誤圖片

回答

相關問題