View Full Version : یزرگ شدن عکس
roya2002_80
یک شنبه 24 دی 1385, 11:23 صبح
سلام
در سایت اقای احمدی نژاد(http://www.ahmadinejad.ir) وقتی روی عکسشون کلیک می کنیم ، عکس بزرگ می شه، ایا کسی کد جاوای اینو داره؟ اگه لطف کنید و اینجا بذارید ممنون می شم
ali_kolahdoozan
یک شنبه 24 دی 1385, 11:55 صبح
این 90 % باید javascript باشه
M-Gheibi
یک شنبه 24 دی 1385, 17:26 عصر
کار خاصی انجام نشده ؛ من سورس رو نگاه نکردم ولی مطمئناً در رویداد onMouseOver تابع نمایش تصویر فراخوانی میشود و همچنین برای مخفی کردن تصویر به هنگام خروج نشانگر موس از محدوده تصویر کوچک ، تابع دیگری برای مخفی کردن تصویر فراخوانی میشود ( در رویداد onMouseOut ) .
مثلاً یه چیزی شبیه به این :
<html>
<script type="text/javascript" language="javascript">
function showElement(eID)
{
document.getElementById(eID).style.display="";
}
function hideElement(eID)
{
document.getElementById(eID).style.display="none";
}
</script>
<head>
</head>
<body>
<img border="0" src="SmallPic.jpg" onMouseOver="showElement('divLargePic');" onMouseOut="hideElement('divLargePic');">
<div style="position: absolute; display:none" id="divLargePic">
<img border="0" src="LargePic.jpg">
</div>
</body>
</html>// به جای SmallPic.jpg و LargePic.jpg به ترتیب آدرس تصویر کوچک و تصویر بزرگ را بنویسید .
roya2002_80
سه شنبه 26 دی 1385, 22:55 عصر
ممنونم اقای غیبی من کدتونو چک می کنم
mehrandesign
یک شنبه 08 بهمن 1385, 02:21 صبح
با سلام
من کد آقای غیبی رو چک نکردم
بنظر من از CSS Popup Image Viewer استفاده کنید بهتره
به آدرس زیر مراجعه کنید:
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
M-Gheibi
یک شنبه 08 بهمن 1385, 11:13 صبح
بله هر دو کد شما رو به نتیجه مطلوب میرسونه ، کد اول با استفاده از JavaScript و کد اخیر با استفاده از CSS نوشته شده است .
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.