Live HTML5 оттенки серого

Question

Мне нужно использовать этот скрипт для галереи веб-сайта: http://webdesignerwall.com/tutorials/html5-grayscale-image-hover/

Это прекрасно работает для уже загруженных изображений:

   $(window).load(function(){
                $('.item img').each(function(){
        this.src = grayscale(this.src);
        });
    });
function grayscale(src){ //blabla };

Проблема в том, что я загружаю следующееизображения с ajax, и эффект не применяется к новым элементам ajax.

Спасибо!

Если я загружу свою функцию в случае успеха, эффект будетперезаписать существующие серые изображения!

Answer 1

вызовите этот метод при успешном обратном вызове AJAX:

function foo(){
    $('.item img').each(function(){
    this.src = grayscale(this.src);
    });
}

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: foo,
  dataType: dataType
});