Все картинки на сайте адаптивны

[Pascha]

Можно конечно каждой картинке в текстовом редакторе в режиме "источник" прописывать 

class="img-responsive"

конечно, можно, но зачем если эта "небольшая проблемка" решается несколькими строчками "жабаскрипта":

<script>
$('img').each(function() {
   $(this).addClass('img-responsive');
});
</script>

*само собой вставляем его в конец кода подвала footer перед

</body></html>

 

[SiteMix]

Что будет если у картинки уже есть класс img-responsive (а это большинство картинок на сайте)?

Изменено 14 апреля, 2022 пользователем SiteMix

[Pascha]

В 14.04.2022 в 12:35, SiteMix сказал:

Что будет если у картинки уже есть класс img-responsive (а это большинство картинок на сайте)?

1. это пример (заготовка) скрипта который мною применялся в случае когда парсились товары с описанием в котором были изображения ( то есть они не вставлялись в ручную и потому им не задавались размеры в процентах, тем самым в мобильной версии появлялся горизонтальный скролл
2. предположим что Вы решили прикрутить к некоторым изображениям увеличение по клику не используя какие бы то ни было дополнения... само собой Вам нужно каждому изображению помимо подключения скрипта присвоить к примеру  класс minimized 
этот скрит может стать основой
и еще куча вариантов когда этот скрипт будет полезен в разработке... поверьте мне в своей работе я этот скрипт использую до сих пор регулярно

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

 

<script>
$('#tab-description img').each(function() { /<- ТУТ указываем родительский блок изображения /
   $(this).addClass('img-responsive');
});
</script>