גודל התמונה ישתנה לפי רזולוציה ?

תשובות
1. תסתכל ב-FAQ בנוגע לרזולוציות.

2. תבדוק את רזולוצית המשתמש ותשנה את גודל התמונה בהתאם.

קוד דוגמא קטן:
<script type="text/javascript">
function checkRes() {
    var userRes = screen.height+'x'+screen.width;
    if(userRes=="800×600") {
        document.getElementById('logo').style.width = '400px';
        document.getElementById('logo').style.height = '400px';
    }
    else if(userRes=="768×1024") {
        document.getElementById('logo').style.width = '500px';
        document.getElementById('logo').style.height = '500px';
    }
}
</script>

<img src="logo.jpg" id="logo" onload="checkRes();">
הפונקציה בודקת את הרזולוציה של המשתמש לרזולוציות מסוימות שמוגדרים ומשנה את גודל התמונה בהתאם.
שים לב שלתמונה צריך להיות ID עם הערך "logo" (אתה יכול לשנות זאת אבל לשנות בהכל) והפונקציה נטענת דרך תגית התמונה בעת טעינת העמוד (התמונה).