perkas
شنبه 21 شهریور 1394, 11:51 صبح
سلام
من 4 عکس بند انگشتی دارم و یه ایمیج باکس . وقتی که کلیک میکنم روی یکیشون تو ایمیج باکس به نمایش در میاد
حالا میخوام وقتی صحه لود شد مثل این باشه که روی یکی از تصاویر بند انگشتی کلیک کرده باشم
کدهای تصاویر بند انگشتی :
<div class="pictures-detail" style="clear:both;position:relative;"> <?php if(isset($picture)): $i=0; $append=''; foreach($picture as $pic): if($i==1){ $append=''; } else{$append='';}echo '<img src="/web/uploads/'.$pic.'" width="180px" height="155px" style="margin-left:12px;margin-top:12px;" data-pic="true"/>'.$append;++$i;endforeach;endif; ?>
</div>
کدهای ایمیج باکس :
<div class="img-rounded selected-picture" id="im"> <?php if($post->pic=='no') { echo '<img src="/web/img/nopic.png" width="100%" height="100%" />'; } else{ $picture = explode('|', $post->pic); } ?></div>
کدهای جاوا:
$('img[data-pic="true"]').click(function(e){e.preventDefault();
e.stopImmediatePropagation();
$('.selected-picture').html('<img src="'+$(this).attr("src")+'" width="100%" height="100%" />');
return false;
من 4 عکس بند انگشتی دارم و یه ایمیج باکس . وقتی که کلیک میکنم روی یکیشون تو ایمیج باکس به نمایش در میاد
حالا میخوام وقتی صحه لود شد مثل این باشه که روی یکی از تصاویر بند انگشتی کلیک کرده باشم
کدهای تصاویر بند انگشتی :
<div class="pictures-detail" style="clear:both;position:relative;"> <?php if(isset($picture)): $i=0; $append=''; foreach($picture as $pic): if($i==1){ $append=''; } else{$append='';}echo '<img src="/web/uploads/'.$pic.'" width="180px" height="155px" style="margin-left:12px;margin-top:12px;" data-pic="true"/>'.$append;++$i;endforeach;endif; ?>
</div>
کدهای ایمیج باکس :
<div class="img-rounded selected-picture" id="im"> <?php if($post->pic=='no') { echo '<img src="/web/img/nopic.png" width="100%" height="100%" />'; } else{ $picture = explode('|', $post->pic); } ?></div>
کدهای جاوا:
$('img[data-pic="true"]').click(function(e){e.preventDefault();
e.stopImmediatePropagation();
$('.selected-picture').html('<img src="'+$(this).attr("src")+'" width="100%" height="100%" />');
return false;