Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите разобраться со скриптом jQuery (https://javascript.ru/forum/jquery/22102-pomogite-razobratsya-so-skriptom-jquery.html)

emere 06.10.2011 14:43

Помогите разобраться со скриптом jQuery
 
Есть скрипт с эффектом лупы на картинке http://redeyeoperations.com/plugins/zoomy/ он активируется в хедэре строкой:
<script type="text/javascript" src="js/zoomy.min.js"></script> и скриптом
$(function(){
$('.zoom').zoomy();
})(jQuery)

на странице также работает скрипт jQuery, который делает вкладки, в каждой вкладке картинка, при нажатии на которую должен срабатывать эффект лупы. Но почему-то эффект срабатывает только на картинку в первой вкладке. Понятно, что надо как-то инициировать скрипт на каждый блок. Но как это сделать не пойму.

ksa 06.10.2011 15:36

emere, твоей информации мало для дачи совета...

emere 06.10.2011 16:58

Вот тут можно посмотреть http://bowlingmarket.ru/category/back-end-assy/ на странице две вкладки XL-XLi и 82-70, на вкладке XL-XLi работает на второй нет.

ksa 06.10.2011 19:15

Цитата:

Сообщение от emere
Вот тут можно посмотреть http://bowlingmarket.ru/category/back-end-assy/

Я жду от тебя работающий тестовый пример тут... По ссылка не хожу...

emere 06.10.2011 20:06

Вот такой пример:
<div class="section">
<ul class="tabs">
<li class="current">XL-XLi</li>
<li>82-70</li>
</ul>
<div class="box visible">
<p><a href="http://img1.jpg" class="zoom"> <img src="http://img1_thumb.jpg" /> </a></p>
</div>
<div class="box">
<p><a href="http://img2.jpg" class="zoom"> <img src="http://img2_thumb.jpg" /></a></p>
</div>
</div>

ksa 06.10.2011 21:59

Цитата:

Сообщение от emere
Вот такой пример:

И что мне с ним делать? Как посмотреть его в работе?

emere 07.10.2011 14:19

уважаемый ksa, если на местной песочнице разместить пример и выложить ссылку, будет удобно посмотреть?

emere 07.10.2011 14:24

вот ссылка на пример в песочнице beta.javascript.ru/play/2EFV8b

ksa 07.10.2011 14:48

emere, тут выкладывай тестовый пример. Чего мне куда-то ходить...

emere 07.10.2011 15:03

пример состоит из 5 файлов, выкладывать тут все? если достаточно html то вот:
<!DOCTYPE HTML>
<html>
<head>

<link rel="stylesheet" href="zoomy.css">
<link rel="stylesheet" href="tabs.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" ></script>
<script type="text/javascript" src="zoomy.min.js"></script>
<script type="text/javascript" src="tabs.js"></script>

<script type="text/javascript">
$(function(){
$('.zoom').zoomy();
});
</script>

</head>

<body>

<div class="section">
<ul class="tabs">
<li class="current">XL-XLi</li>
<li>82-70</li>
</ul>
<div class="box visible">
<div><a href="1.jpg" class="zoom"> <img src="1.jpg" /> </a></div>
</div>
<div class="box">
<div><a href="2.jpg" class="zoom"> <img src="2.jpg" /></a></div>
</div>
</div>

</body>
</html>


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