Показать сообщение отдельно
  #1 (permalink)  
Старый 25.06.2011, 18:06
Аспирант
Отправить личное сообщение для karmis Посмотреть профиль Найти все сообщения от karmis
 
Регистрация: 25.06.2011
Сообщений: 44

Оптимизирвоать работу jQuery в скрипте
Всем доброго времени суток...

Есть скрипт, меняющий свойство css и прозрачность на jQuery...

применяется к большим картинкам... (220*220)
<script type='text/javascript'>
$(document).ready(
function()
{$(".ico").
hover
(function(){$(this).stop(true,true).animate({opacity: "1"}, "500").css("box-shadow", "#666 0px 2px 70px")},
function(){$(this).stop(true,true).animate({opacity: "0.5"}, "500").css("box-shadow", "#666 0px 2px 0px")});});
</script>



<div class=pth1><img src='images/1.jpg' class='ico' /></div><div style='margin-top: 0px; margin-left: 90px; color: #FFF;'>TEXT</div>
<div class=pth2><img src='images/2o.jpg' class='ico' /></div><div style='margin-top: 0px; margin-left: 330px; color: #FFF;'>TEXT</div>
<div class=pth3><img src='images/3.jpg' class='ico' /></div><div style='margin-top: 0px; margin-left: 550px; color: #FFF;'>TEXT</div>
</div>
<div class='box2'>
<div class=pth1><img src='images/4.jpg' class='ico' /></div><div style='margin-top: 0px; margin-left: 90px; color: #FFF;'>TEXT</div>
<div class=pth2><img src='images/5.jpg' class='ico' /></div><div style='margin-top: 0px; margin-left: 320px; color: #FFF;'>TEXT</div>
<div class=pth3><img src='images/6.jpg' class='ico' /></div><div style='margin-top: 0px; margin-left: 550px; color: #FFF;'>TEXT</div>


очень сильно тормозит .... проходит около секунды, прежде чем срабатывает эффект...

как можно заставить работать его быстрее ? заранее danke schoen!
Ответить с цитированием