Всем привет! Помогите, плииз, справиться с одной задачкой. JavaScript и jQuery знаю не очень хорошо. Надеюсь на вашу помощь! В интернете нагуглил способ плавного увеличения изображения с помощью jQuery. Все работает как мне нужно. Но у меня задача состоит в том, чтобы эту JavaScript функцию применить к n-му количеству изображений на странице. Вернее не знаю как в этом случае передавать в JS функцию переменные (путь к изображению, ширину и высоту изобр.).
При каком-либо событии там ясно, например, onclick="funct_iamg(h,w,h2,w2,url1,url2);". Но тут же изображения имеют
лишь js класс "zoom". Изображения создаются динамически через innerHTML, поэтому не получается для каждого изображения генерировать отдельный <script>. В гугле ничего не нарыл. Ниже пример кода...
<script type="text/javascript">
$(function(){
$(".zoom").hover(function(){
$(this).stop().animate({width:ПЕРЕМННАЯ_1+"px",height:ПЕРЕМННАЯ_2+"px",left:"-25px",top:"-25px"}, 400);
$(this).attr("src",ПЕРЕМННАЯ_ПУТЬ К images1.png);
},
function(){
$(this).stop().animate({width:ПЕРЕМННАЯ_3+"px",height:ПЕРЕМННАЯ_4+"px",left:"0",top:"0"}, 400);
$(this).attr("src",ПЕРЕМННАЯ_ПУТЬ К images1_2.png);
});
});
</script>
$size_1=getimagesize('../images/images1.png');
$w1=(int)$size_1[0]; // ширина (ПЕРЕМННАЯ_1)
$h1=(int)$size_1[1]; // высота (ПЕРЕМННАЯ_2)
$size_1_2=getimagesize('../images/images1_2.png');
$w1_1=(int)$size_1_2[0]; // ширина (ПЕРЕМННАЯ_3)
$h1_1=(int)$size_1_2[1]; // высота (ПЕРЕМННАЯ_4)
echo '<img src="../images/images1_2.png" class="zoom" alt="" />';
...
$size_2=getimagesize('../images/images2.png');
$w2=(int)$size_2[0]; // ширина (ПЕРЕМННАЯ_1)
$h2=(int)$size_2[1]; // высота (ПЕРЕМННАЯ_2)
$size_2_2=getimagesize('../images/images2_2.png');
$w2_1=(int)$size_2_2[0]; // ширина (ПЕРЕМННАЯ_3)
$h2_1=(int)$size_2_2[1]; // высота (ПЕРЕМННАЯ_4)
echo '<img src="../images/images2_2.png" class="zoom" alt="" />';
и т.д...
Заранее спасибо!
