Использование jQuery для удаления тегов ширины и высоты на элементах? - PullRequest
1 голос
/ 20 апреля 2011

Название - это просто моя мысль о том, как что-то сделать, не обязательно "путь", вот ситуация.

Я использую следующее, чтобы встроить красивые квадратные миниатюры из моего канала 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!

Ответы [ 3 ]

6 голосов
/ 20 апреля 2011

Предполагая, что все они находятся в пределах <div class="flickr_badge_image">

$('div.flickr_badge_image img').removeAttr('width').removeAttr('height');

Если у вас есть контроль над источником, было бы намного лучше сделать это на стороне сервера. На случай, если JavaScript был отключен или чтобы избежать каких-либо проблем с контентом.

1 голос
/ 20 апреля 2011

Не могли бы вы просто очистить атрибуты width и height?

$('.flickr_badge_image img').attr('width', '').attr('height', '');
0 голосов
/ 20 апреля 2011
$(".flickr_badge_image img").attr("height", "")

должно работать.

...