Показать сообщение отдельно
  #6 (permalink)  
Старый 11.02.2013, 14:13
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div class="text">
    <div>
        Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!
        <a href="" class="img"><img src="1.jpg" /></a>
    </div>
    <div>
        Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!    Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!Тут какой то текст!
        <a href="" class="img"><img src="2.jpg" /></a>
        <a href="" class="img"><img src="3.jpg" /></a>
    </div>
</div>
<script type="text/javascript">

var Image = function ($dom, index) {
  this.$ = $dom;
  this.$.data('image', this);
  this.index = index;
  this.init();
};

Image.prototype.init = function () {
  this.$.click(this.handlers.click);
};

Image.prototype.handlers = {
  click: function() {
       var image = $(this).data('image');
       alert(image.index);
       return false;
     }
};

$(function(){ 
       var index = 0;
       $('.img').each(function() {
          var image = new Image($(this), index)
          index++;
        })
});
</script>

Последний раз редактировалось tsigel, 11.02.2013 в 14:40.
Ответить с цитированием