Помогите разобраться со скриптом jQuery
Есть скрипт с эффектом лупы на картинке http://redeyeoperations.com/plugins/zoomy/ он активируется в хедэре строкой:
<script type="text/javascript" src="js/zoomy.min.js"></script> и скриптом $(function(){ $('.zoom').zoomy(); })(jQuery) на странице также работает скрипт jQuery, который делает вкладки, в каждой вкладке картинка, при нажатии на которую должен срабатывать эффект лупы. Но почему-то эффект срабатывает только на картинку в первой вкладке. Понятно, что надо как-то инициировать скрипт на каждый блок. Но как это сделать не пойму. |
emere, твоей информации мало для дачи совета...
|
Вот тут можно посмотреть http://bowlingmarket.ru/category/back-end-assy/ на странице две вкладки XL-XLi и 82-70, на вкладке XL-XLi работает на второй нет.
|
Цитата:
|
Вот такой пример:
<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, если на местной песочнице разместить пример и выложить ссылку, будет удобно посмотреть?
|
вот ссылка на пример в песочнице beta.javascript.ru/play/2EFV8b
|
emere, тут выкладывай тестовый пример. Чего мне куда-то ходить...
|
пример состоит из 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, время: 11:20. |