2012-04-12 3 views
0

오신 것을 환영합니다,잘못된 이미지를 표시하는 JQuery Cycle 플러그인

도와주세요 !! 부모/래퍼 div 안에 3 개의 독립 div에 대한 클래스를 정의한 기본 JQuery Cycle 플러그인에 문제가 있습니다. 각 div에는 3 개의 이미지가 있으며 그 안에는 각각의 부모에 고유 한 이미지가 있습니다. 문제는 JQuery Cycle 플러그인이 잘못된 div에 이미지를 표시하고 있다는 것입니다! 누군가가 나에게 해결책을 제공 할 수 있다면 그것은 좋을 것이다. 차이가 있다면 저는 Wordpress에서 일하고 있습니다. 다음은 HTML입니다 : JQuery와 여기

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

가되고 : 나는 사이클 내부를 지정하여 표시하는 이미지를 제한 할 수 있습니다

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

+1

확실 당신의 경로가 올바른지 있습니까 상대적 위치와 숨겨진 오버 플로우를 추가하려고? 나는 당신이 아마도'_' 여기'/ images/position2_img_left.jpg'와'/ images/position3_img_left.jpg'를 누락하고있는 것을 보았습니다 ... – elclanrs

+0

경로가 맞습니다 ... 단지 일관성이 없습니다. 내 나쁜 : S 귀하의 제안에 감사드립니다! –

답변

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> 

당신은 difernts 준비 기능을 작성할 필요가 없습니다, 는 모든 div의

관련 문제