Замена строк во всех изображениях SRC

Question

Привет Я использую плагин слайдера wordpress, называемый soliloquy.

В настоящее время на рабочем столе все здорово. но на мобильных устройствах изображения занимают так много памяти, что он сбрасывает сафари.

я использую Modernizr, чтобы обнаружить, если это то устройство сенсорного заменить строку Src из

name.jpg 

(оригинального размера загруженного изображения) в

name-480x480.jpg 

(меньше изображения)

мой код сейчас

if (Modernizr.touch){ 
$('img.soliloquy-item-image').each(function(index, element) { 
$(this).attr('src', $(this).attr('src').replace('.jpg', '-480x480.jpg')); 
}); 

это, по-видимому, только заменяет первое изображение и не все. кто-нибудь knwo почему?

Answer 1

Из беглого взгляда в источнике, плагин использует данные JQuery атрибута soliloquy-src так попробуйте заменить, что хорошо:

if (Modernizr.touch){ 
    $('img.soliloquy-item-image').each(function(index, element) { 
     var img = $(this); 
     img.attr("src", img.attr("src").replace(".jpg", "-480x480.jpg")); 
     img.data("soliloquy-src", img.data("soliloquy-src").replace(".jpg", "-480x480.jpg")); 
    }); 
}