Сразу прошу прощения за, скорее всего, неправильно сформулированный вопрос...
Использую на сайте скрипт увеличения картинок на основе 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; });
});
Вопрос: как заставить функцию понимать названия с номерами по порядку? Или выход один - определять для каждого изображения новое имя функции?
