[Michael7418]

Всем привет! Помогите, плииз, справиться с одной задачкой. 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="" />';

и т.д...

Заранее спасибо!