помогите поправит скрипт плз
есть скрипт для изменения рисунка в зависимости от размера окна браузера, но тут небольшая проблема он изменяет все рисунки на странице а мне надо конкретный ну например с названием(pic.jpg) как можно это реализовать??????
<script type='text/javascript'> //событие при ресайзе окна window.onresize = OnWindowResize; //функция которая обрабатывает изменения окна браузера function OnWindowResize() { //задаем переменные которые ширины и высоты окна var myWidth = 0, myHeight = 0; //проверка на корссбраузерность if( typeof( window.innerHeight ) == 'number' ) { myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } // в результате мы получим две переменные которые содержат ширину и высоту окна браузера //функция которая делает необходимые изменение с картинкой setPic(myWidth); } OnWindowResize(); window.onresize = OnWindowResize; function setPic(height){ var max_height=1600; var min_height=800; var pic_height=1600; if (height<max_height && height>min_height) { var pic=height*(pic_height/max_height)+'px'; $('img').css('width',pic); } else if (height>max_height) { $('img').css('width','1600px'); } else if (height<min_height) { height=min_height; var pic=height*(pic_height/max_height)+'px'; $('img').css('width',pic); } } </script> Заранее благодарен всем за помощь=) |
$('img') заменить на $('img[src="pic.jpg"]')
И в преть, форматируйте код. |
Часовой пояс GMT +3, время: 06:13. |