Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как передать переменные JS скрупту? (https://javascript.ru/forum/misc/26990-kak-peredat-peremennye-js-skruptu.html)

Michael7418 30.03.2012 15:30

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

и т.д...


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

Michael7418 30.03.2012 15:56

Цитата:

Сообщение от Maxmaxmахimus
в чем проблема то?
изображения имеют класс zoom к ним применяется функция jQuery, что не так?

Так в этой jQuery фукции для каждого изображения инивидуальный путь и размеры. Я бы генерировал для каждого изображения отдельно class, но у меня это дело отображается динамически, через innerHTML. Вот я и хочу, чтобы передавались определенные переменные этому классу. Не знаю даже, возможно это или нет...

Michael7418 30.03.2012 17:42

Ну же, знатоки... Помогите решить задачу!


Часовой пояс GMT +3, время: 09:19.