上一個按鈕和下一個按鈕不工作在jquery

Question

我已經下載這個代碼，它工作，但當我點擊上一個和下一個圖像時，它不工作，我不知道會做什麼... $ （「.pic img」）。attr（「src」，「images /這裏我想要下一張圖片的src值」）;

<div class="img-box"> 
    <ul> 
    <?php $query1="SELECT * FROM user_photos_offline" ; $sql=mysql_query($query1); $results=array(); while($row=mysql_fetch_assoc($sql)){ ?> 
    <li> 
     <img src="images/cropped-images/<?php echo $row['image']?>" /> 
     <div class="mask"> 
     <div class="mag"> 
      <div class="plus"></div> 
     </div> 
     </div> 
    </li> 
    <?php } ?> 
    </ul> 
</div> 
<div class="full-screen-mask"> 
    <div class="view-port"> 
    <div class="pre"> 
     <span>-</span> 
    </div> 
    <div class="pic"><img /></div> 
    <div class="next"> 
     <span>+</span> 
    </div> 

    </div> 
    <div class="close"> 
    <span></span> 
    <span></span> 
    </div> 
</div> 


$(".img-box ul li").click(function() { 
    var index = $(this).index(); 
    num = index + 1; 
    var img = $(this).find('img').attr('src'); 
    var index = $(this).index(); 
    //next button function 
    function next() { 
    $(".pic img").attr("src", "images/"+num+".png"); 
    } 
    $(".next").click(next); 
}); 



//preview button function 
function pre(){ 
    $(".pic img").attr("src","images/pic-"+num+".png"); 
    num--; 
    if(num==0){ 
     num=8 
    } 
} 


$(".pre").click(pre); 


//next button function 
function next(){ 
$(".pic img").attr("src","images/pic-"+num+".png"); 
num++; 
if(num==9){ 
num=1 
    } 
} 
$(".next").click(next); 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.