Перейти к содержанию
  • В связи с блокировкой банка QIWI оплата через сайт не возможна.
    Для оплаты и получения дополнений просьба писать в личные сообщения
    Admin*у
    После оплаты Вам так же будет доступно скачивание дополнений и обновлений на данном форуме

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


Рекомендуемые сообщения

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

class="img-responsive"


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

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

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

</body></html>

 

Ссылка на комментарий
В 14.04.2022 в 12:35, SiteMix сказал:

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

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

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

 

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

 

Ссылка на комментарий

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...