PDA

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 نوشته شده است .