نمایش تصاویر با lightbox

HTML/XHTML

توسط maynoush در 2 سال پیش
0 831 2 2 سال پیش
maynoushdaniel
1

سلام چطوری میتونم وقتی که رو عنوانهای منو میرم رنگ کل صفحه رو عوض کنم؟؟ شبیه همین  اتفاقی که اینجا میافته وقتی ورود به حساب کاربری رو میزنیم و صفحه تاریک میشه انگار که سایه افتاده رو صفحه. کمک لطفا!!!!

آخرین ویرایش: 13-03-2016 ساعت 11:38، توسط maynoush
1

سلام جست و جو کنید lightbox http://buckwilson.me/lightboxme/ http://www.uiupdates.com/create-lightbox-effect-login-form-using-css-and-jquery/ http://fancybox.net/blog

0

سلام ممنون از راهنماییتون. از لایت باکس برای نمایش تصاویر هم استفاده کردم ولی 1 مشکل دارم: وقتی روی عکسم کلیلک میکنم علاوه بر نمایش عکس در حالت لایت باکس فوتر صفحه هم نمایش داده میشه. من این کد رو تو 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:

<script type="text/javascript" src="jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".thumbnail").click(function(){
    var address= $(this).attr("src");
    $("#popup").fadeIn("slow");
    $("#lightbox").attr("src",address);
	});
	$("#close").click(function(){
    	$("#popup").fadeOut("fast");
	});
});
</script>

خیلی فوریه :cry: :cry: :cry: :cry: لطفا راهنمایی کنید اشکال کارم کجاست؟؟

آخرین ویرایش: 18-04-2016 ساعت 02:54، توسط maynoush

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید