Название - это просто моя мысль о том, как что-то сделать, не обязательно "путь", вот ситуация.
Я использую следующее, чтобы встроить красивые квадратные миниатюры из моего канала Flickr на мой сайт.
<div id="flickr_badge_wrapper" class="group"> <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=6&display=latest&size=s&layout=x&source=user&user=57701525%40N08"></script> </div><!-- end flickr_badge-wrapper -->
Работает просто отлично. Только разметка, которую он генерирует (см. Ниже), содержит width = "75" height = "75". Это вызывает хаос, потому что это изменчивая схема, а у меня неизвестная высота. Я разобрался со всем CSS ... он работает, когда я удаляю высоту из тега img (протестировано в Firebug). Теперь мне просто нужен способ избавиться от этого атрибута высоты после загрузки канала Flickr.
<div id="flickr_badge_wrapper" class="group"> <script type="text/javascript" src="blah blah"></script> <div class="flickr_badge_image" id="flickr_badge_image1"> <a href="http://www.flickr.com/photos/57701525@N08/5635787388/"> <img src="http://farm6.static.flickr.com/5110/5635787388_ee1c039ba2_s.jpg" alt="A photo on Flickr" title=" " height="75" width="75"></a> </div> </div>
Хотелось бы идею с jQuery!
Предполагая, что все они находятся в пределах <div class="flickr_badge_image">
<div class="flickr_badge_image">
$('div.flickr_badge_image img').removeAttr('width').removeAttr('height');
Если у вас есть контроль над источником, было бы намного лучше сделать это на стороне сервера. На случай, если JavaScript был отключен или чтобы избежать каких-либо проблем с контентом.
Не могли бы вы просто очистить атрибуты width и height?
width
height
$('.flickr_badge_image img').attr('width', '').attr('height', '');
$(".flickr_badge_image img").attr("height", "")
должно работать.