現場HTML5灰度

我需要使用這個腳本的網站空間：http://webdesignerwall.com/tutorials/html5-grayscale-image-hover/現場HTML5灰度

這對於已經加載的圖像的偉大工程：

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

的問題是，我加載使用AJAX未來的圖像，並該效果不適用於新的ajax元素。

謝謝！

如果我在成功時加載了我的功能，效果將會覆蓋現有的灰色圖像！

來源

2012-01-29 Adrian Florescu

調用的AJAX的成功回調方法：

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

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

來源

2012-01-29 08:32:03 gdoron

這將覆蓋存在的灰度圖像，或者如果我離開這個只在成功將離開首下載，而效果的元素。 :)我也加載新的圖像與https://github.com/paulirish/infinite-scroll – 2012-01-29 08:34:35

@FlorescuAdrian。所以在成功只更新那些目前加載的圖像... – gdoron 2012-01-29 08:46:52

我該怎麼做？我想我需要添加一個類到新的項目，但我添加滾動新的圖像。嗯...謝謝你的時間！我想我會嘗試找到一個新的解決方案來灰化我的圖像。 :) – 2012-01-29 09:04:51

現場HTML5灰度

回答

相關問題