Этот сайт существует на доходы от рекламы.
Пожалуйста, выключите AdBlock.
Вернуться   Форум об интернет-маркетинге > >
Ответ
 
Опции темы
Старый 19.02.2019, 14:25   #1
Академик
 
Регистрация: 28.06.2008
Сообщений: 6,634
Репутация: 388955

По умолчанию Самый простой способ НЕ грузить картинку в display none?

Подскажите самый простой способ (минимум кода) не загружать картинку если у нее стиль display none?
Браузер тянет все что имеет <img src несмотря на стили - как это обойти?
Dram вне форума   Ответить с цитированием

Реклама
Старый 19.02.2019, 15:13   #2
suffix
Люблю жену
 
Аватар для suffix
 
Регистрация: 26.08.2010
Сообщений: 1,249
Репутация: 104038
Социальные сети Страница в Одноклассниках Профиль в ВКонтакте Профиль в LinkedIn

По умолчанию Re: Самый простой способ НЕ грузить картинку в display none?

Мопед не мой:

"using a <noscript> tag and placing the image inside the <noscript> tag. Then use javascript to remove the noscript tag as you need the image. In this way you can load images on demand using progressive enhancement."
suffix вне форума   Ответить с цитированием
Сказали спасибо:
Старый 19.02.2019, 15:14   #3
Dram
Академик
 
Регистрация: 28.06.2008
Сообщений: 6,634
Репутация: 388955

ТопикСтартер Re: Самый простой способ НЕ грузить картинку в display none?

А для тупых можно пример кода?
Dram вне форума   Ответить с цитированием
Старый 19.02.2019, 15:19   #4
Sitealert
Слесарь-сайтосборщик
 
Регистрация: 30.09.2016
Адрес: Замкадье
Сообщений: 4,028
Репутация: 293371

По умолчанию Re: Самый простой способ НЕ грузить картинку в display none?

Не знаю, как там насчёт noscript, я могу только со скриптом предложить
Код:
$(document).ready(function(){
$('img').each(function(){if($(this).css('display')=='none')$(this).attr('src','blank.jpg');});
});
__________________
Отпилю лишнее, прикручу нужное, выправлю кривое.
Вытравлю вредителей.
Sitealert вне форума   Ответить с цитированием
Старый 19.02.2019, 15:20   #5
Dram
Академик
 
Регистрация: 28.06.2008
Сообщений: 6,634
Репутация: 388955

ТопикСтартер Re: Самый простой способ НЕ грузить картинку в display none?

Цитата:
Сообщение от Sitealert Посмотреть сообщение
Не знаю, как там насчёт noscript, я могу только со скриптом предложить
Все равно будет запрос к blank.jpg - а вообще чтоб без запросов?
Dram вне форума   Ответить с цитированием
Старый 19.02.2019, 15:22   #6
Sitealert
Слесарь-сайтосборщик
 
Регистрация: 30.09.2016
Адрес: Замкадье
Сообщений: 4,028
Репутация: 293371

По умолчанию Re: Самый простой способ НЕ грузить картинку в display none?

Ну можешь ничего не писать, просто две кавычки '' - но корректнее всё же однопиксельную картинку подгружать - она ничего не утянет, а браузеру приятнее будет, ИМХО.
Sitealert вне форума   Ответить с цитированием
Старый 19.02.2019, 15:26   #7
Dram
Академик
 
Регистрация: 28.06.2008
Сообщений: 6,634
Репутация: 388955

ТопикСтартер Re: Самый простой способ НЕ грузить картинку в display none?

Sitealert, попробовал так, все равно грузится картинка

Цитата:
<script type="text/javascript">
$(document).ready(function(){
$('img').each(function(){if($(this).css('display')=='none')$(this).attr('src','');});
});
</script>
<div class="logo">
<a href="https://site.ru/"><img src="<?php echo $this->baseurl . '/templates/' . $this->template; ?>/images/logo.png" /></a>
</div>
Или он сработает если и стиль для дива тут же в коде будет?
Dram вне форума   Ответить с цитированием
Старый 19.02.2019, 15:37   #8
SeVlad
Guru-Editor
 
Регистрация: 03.11.2008
Адрес: Donbass
Сообщений: 17,211
Репутация: 1422441

По умолчанию Re: Самый простой способ НЕ грузить картинку в display none?

Цитата:
Сообщение от Dram Посмотреть сообщение
Браузер тянет все что имеет <img src несмотря на стили - как это обойти?
Он тянет то, что прописано в srcset и/или picture, а при их отсутствии/несоответствии - уже в src.

Но странный вообще вопрос - удалить из кода если не нужна. Если же нужна при каких-то условиях - то надо говорить при каких.
__________________
Топики помощи с ⓌordPress и основы безопасности сайтов.
*** Помощь\консультации в топиках форума - БЕСПЛАТНО. Через личку - с бюджетом от 50$ ***
SeVlad вне форума   Ответить с цитированием
Старый 19.02.2019, 15:38   #9
Dram
Академик
 
Регистрация: 28.06.2008
Сообщений: 6,634
Репутация: 388955

ТопикСтартер Re: Самый простой способ НЕ грузить картинку в display none?

Логотип скрыт для мобильной адаптивной версии, но картинка все равно грузится.

Пока использую src="data:image/png;base64 но шибко засран код, вот ищу более изящное решение.
Dram вне форума   Ответить с цитированием
Старый 19.02.2019, 15:41   #10
SeVlad
Guru-Editor
 
Регистрация: 03.11.2008
Адрес: Donbass
Сообщений: 17,211
Репутация: 1422441

По умолчанию Re: Самый простой способ НЕ грузить картинку в display none?

Цитата:
Сообщение от Dram Посмотреть сообщение
Логотип скрыт для мобильной адаптивной версии, но картинка все равно грузится.
Вот его нужно выводить по "media" в десктопной версии
SeVlad вне форума   Ответить с цитированием
Ответ




Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Текущее время: 10:31. Часовой пояс GMT +3.

Регистрация Справка Календарь Поддержка Все разделы прочитаны