замена изображений в блоке на ссылки
Подскажите что не так, я пытаюсь заменить все изображения в блоке на соответствующую ссылку,
alert(arr.attr('src')) выводит только первый файл дальше происходит какой то сбой в jquery $(document).ready(function(){ var arr=$('.sea_content img'); if(arr){ jQuery.each( arr, function(i,obj) { alert(arr.attr('src')) var img=arr.attr('src'); val=img.replace(/\/thumbs/,''); obj.replaceWith( '<a class="fancybox" href="'+val+'" data-fancybox-group="gallery" title=""><img class="fancybox_img" src="'+img+'" width="200" alt="poseidon"></a>'); }); } }); |
imediasun1,
вам документацию похоже совсем читать неинтересно или у вас хобби собирать ошибки??? строка 2 получили массивоподобный обьект строка 3 бесполезная проверка обьект всегда true -- можно проверять длину строка 5 поиск у обьекта атрибута - обьект выдаст только атрибут 1 элемента -- если отсутсвует индекс есть сам элемент -- это у вас obj у него и ищите src -- alert(obj.src) строка 8 -- $(obj).replaceWith |
$('.sea_content img').replaceWith(function(){ var $that = $(this), thumb = $that.attr("src"), fullImage = $that.attr("src").replace(/\/thumbs/, ""); return '<a class="fancybox" href="' + fullImage + '" data-fancybox-group="gallery" title="">' + '<img class="fancybox_img" src="' + thumb + '" width="200" alt="poseidon">' + '</a>'; }); А рони прав. Иногда нужно читать доки. |
Спасибо большое этот вариант очень и очень
|
moskitos80,
на всякий случай ... $('.sea_content img').replaceWith(function(){ var thumb = this.src, fullImage = thumb.replace(/\/thumbs/, ""); return '<a class="fancybox" href="' + fullImage + '" data-fancybox-group="gallery" title="">' + '<img class="fancybox_img" src="' + thumb + '" width="200" alt="poseidon">' + '</a>'; }); |
Часовой пояс GMT +3, время: 12:51. |