Как показать конкретное изображение в JQuery

Question

Я загруженный для этого кода, он работает, но когда я нажав на конкретное изображение, которое время он не работает, я не знаю, что будет делать ...

<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; 
$(".pic img").attr("src","images/pic-"+num+".png") });//hear i want show the onclick specific image 

Answer 1

Попробуйте это

<script> 
$(".img-box ul li").click(function() 
{ 
var img = $(this).find('img').attr('src'); 
$(".pic img").attr("src",img) });//hear i want show the onclick specific image 
</script>