помогите поправит скрипт плз
есть скрипт для изменения рисунка в зависимости от размера окна браузера, но тут небольшая проблема он изменяет все рисунки на странице а мне надо конкретный ну например с названием(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>
Заранее благодарен всем за помощь=)
|