نمايش عكس هاي گالري تصاوير [بایگانی]

kohyar

سه شنبه 13 مرداد 1388, 16:10 عصر

با سلام
دوستان چطور ميشه وقتي توي يك گالري تصاوير كاربر روي يك عكس كليك ميكنه صفحه اي روي صفحه فعلي بياد و بقيه قسمتهاي صفحه زيرين كم رنگ و غير فعال ميشه
توي همين سايت هم واسه ديدن تصاوير ضميمه از همين روش استفاده ميشه
بعد از ديدن عكس وقتي دكمه close رو ميزني دوباره صفحه زيرين فعال ميشه
با تشكر

WorldVbMan

سه شنبه 13 مرداد 1388, 19:14 عصر

سلام و صلوات بر محمّد(ص) و آل گرامیشون

و سلام بر شما

یه توضیح مختصر می دم انشاء ا.. که مفید باشه :

سایت های مذکور از جاوااسکریپت استفاده می کنند تا خصلت src از یک تصویر رو ست کنند یا خصلت بک گراند از یه المان دیگه مثل td رو.
اول در تگ استایل ابتدای صفحه باید این رو نوشت:

<style type="text/css">
.clsN{position:fixed;right:0px;top:0px;background-color:#636363;
border:solid 2px #ccc;display:none;filter:alpha(opacity=63);-moz-opacity:.63;opacity:0.63;height:100%;width:100%}
</style>

کارش تغییر استایل یه div هست طوری که محو به نظر بیاد.

خود div رو باید طوری تعریف کرد که مستقیماً در تگ body باشه تا 100% ها نسبت به اون حساب شن

<body>
<div class='clsN' id='d1'><center>
<img id='i1' style="width:50%;height:50%"/>
</center></div>
...
</body>

بعد هم باید با کلیک button یا هر چی که لود رو باید منجر بشه تابع ذیل رو فراخواند:

<script type="text/javascript">
function func(){
document.getElementById("i1").src="Address"
document.getElementById("d1").style.display="block"
}
</script>

برای خروج از div هم کد ذیل رو باید در تابعی گذاشت و صدا زد:

document.getElementById("d1").style.display="none"

انشاء ا... که مفید بوده باشه،