как заставить функцию JS понимать названия с номерами по порядку?
Сразу прошу прощения за, скорее всего, неправильно сформулированный вопрос...:-?
Использую на сайте скрипт увеличения картинок на основе Jquery.
<HEAD><META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><TITLE>zoomi</TITLE>
<SCRIPT type="text/javascript" src="./zoomi_files/jquery.pack.js"></SCRIPT>
<SCRIPT type="text/javascript" src="./zoomi_files/zoomi.js"></SCRIPT>
<SCRIPT type="text/javascript">
// <!-- Examples of dynamically calling zoomi -->
$(function(){
$('#zoomme img').zoom1().click(function(){
$(this).zoom2().fadeIn().click(function(){
$(this).hide(); return false; })
.end().parent().addClass('red'); return false; });
});
</SCRIPT>
</HEAD><BODY>
<!-- Dynamically attach zoomi -->
<A id="zoomme" href="#" title="Click me to toogle zoomi">
<IMG src="./zoomi_files/sexy.jpg" alt="http://www.sunsean.com/zoomi/sexy.jpg">
</A>
<A id="zoomme" href="#" title="Click me to toogle zoomi">
<IMG src="./zoomi_files/sexy.jpg" alt="http://www.sunsean.com/zoomi/sexy.jpg">
</A>
</BODY>
Не получается заставить вторую картинку тоже увеличиваться... Получается только, если во втором случае заменить <A id="zoomme" на <A id="zoomme2" и изменить вот так сам скрипт:
<SCRIPT type="text/javascript">
$(function(){
$('#zoomme img').zoom1().click(function(){
$(this).zoom2().fadeIn().click(function(){
$(this).hide(); return false; })
.end().parent().addClass('red'); return false; });
$('#zoomme2 img').zoom1().click(function(){
$(this).zoom2().fadeIn().click(function(){
$(this).hide(); return false; })
.end().parent().addClass('red'); return false; });
});
Вопрос: как заставить функцию понимать названия с номерами по порядку? Или выход один - определять для каждого изображения новое имя функции? |
Навскидку, как-то так:
$('img').each(function() {
$(this).zoom1().click(function() {
$(this).zoom2().fadeIn().click(function() {
$(this).hide();
return false;
}).end().parent().addClass('red');
return false;
});
});
Возможно, сработает и без each, это уже зависит от реализации плагина zoomi |
Вложений: 1
Не работает...:(
Вот странички с примером: Вложение 255 Может что-нибудь еще придумаете? На моей странице таких изображений штук 50 и я для каждого прописываю новую функцию Zoome#, где # - номер по порядку, но это увеличивает размер страницы... |
| Часовой пояс GMT +3, время: 17:41. |