View Full Version : یزرگ شدن عکس
  
roya2002_80
یک شنبه 24 دی 1385, 12:23 عصر
سلام
در سایت اقای احمدی نژاد(http://www.ahmadinejad.ir) وقتی روی عکسشون کلیک می کنیم ، عکس بزرگ می شه، ایا کسی کد جاوای اینو داره؟ اگه لطف کنید و اینجا بذارید ممنون می شم
ali_kolahdoozan
یک شنبه 24 دی 1385, 12:55 عصر
این 90 % باید javascript باشه
M-Gheibi
یک شنبه 24 دی 1385, 18: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, 23:55 عصر
ممنونم اقای غیبی من کدتونو چک می کنم
mehrandesign
یک شنبه 08 بهمن 1385, 03:21 صبح
با سلام
من کد آقای غیبی رو چک نکردم
 
بنظر من از  CSS Popup Image Viewer  استفاده کنید بهتره
 
به آدرس زیر مراجعه کنید:
 
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
M-Gheibi
یک شنبه 08 بهمن 1385, 12:13 عصر
بله هر دو کد شما رو به نتیجه مطلوب میرسونه ، کد اول با استفاده از JavaScript و کد اخیر با استفاده از CSS نوشته شده است .
 
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.