مشکل در نمایش lightbox

این تاپیک 0 پاسخ و 1 مشارکت کننده دارد . آخرین آپدیت توسط :  sara adib ،‏ 7 ماه و 2 هفته پیش .

این تاپیک تاکنون 121 بازدید داشته است .

تگ شده :  ,

نویسنده پست
دوشنبه ، 18 آوریل 2016     5:04 ب.ظ #


sara adib

Subscriber
1 پست1 تاپیک

سلام

من واسه یه lightbox ساده کدنوشتم.ولی وقتی lightbox رو نمایش میده فوتر صفحه هم در قسمت نمایش lightbox میاد.

من این کد رو تو body  اضافه کردم

<img src="images/p1.png" class="thumbnail" style="float:left; width:150px; height:100px;">
<img src="images/p2.png" class="thumbnail" style="float:left; margin-left:5px; width:150px; height:100px;">
<div id="popup">
<div id="center">
<img id="lightbox" src="#" />
<img id="close" src="images/close.png" alt="close" />
</div> <!-- #center -->
</div> <!-- #popup -->

این اسکریپتم به قسمت head اضافه کردم:

$(document).ready(function(){
$(".thumbnail").click(function(){
var address= $(this).attr("src");
$("#popup").fadeIn("slow");
$("#lightbox").attr("src",address);
});
$("#close").click(function(){
$("#popup").fadeOut("fast");
});
});
راهنمایی فوری میخوام.مرسی

0  تشکر
پست 1 تا 1 (از مجموع 1 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .