Em xin chào mọi người
Mọi người cho em hỏi em có cách nào để thay đổi thuộc tính src của thẻ img thành data-src không ạ , em mới tìm hiểu thấy cái lazy load và nó rất tốt , mỗi tội bây giờ cứ thẻ img nào em cũng phải sửa lại thuộc tính src của nó , mất quá nhiều thời gian nên em muốn hỏi có cách nào không ạ , em đang dùng jquery để add class cho thẻ img một cách tự động thì chưa được ạ , rất mong mọi người chỉ dẫn .
$('img').removeClass("lazyload"); //Xóa class lazy load khỏi những thẻ img đã có
$('img').addClass("lazyload");//Nạp lại class lazy load cho toàn bộ thẻ img
Ý tưởng là vậy nhưng nó chưa hoạt động nên em rất mong được mọi người giúp đỡ ạ.
Update : em đã tìm được cách giải quyết , đăng lên cho ai cần :
<script>
window.addEventListener('load', function(){
var allimages= document.getElementsByTagName('img');
for (var i=0; i<allimages.length; i++) {
if (allimages[i].getAttribute('data-src')) {
allimages[i].setAttribute('src', allimages[i].getAttribute('data-src'));
}
}
}, false)
</script>
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?