Показать сообщение отдельно
  #1 (permalink)  
Старый 21.04.2011, 14:17
Новичок на форуме
Отправить личное сообщение для mirazh38ru Посмотреть профиль Найти все сообщения от mirazh38ru
 
Регистрация: 21.04.2011
Сообщений: 1

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