2015-11-22 3 views
1

Я новичок здесь, новым в отзывчивом подходе и хотел бы первый импульс источника обработки на http://dimsemenov.com/plugins/magnific-popup/Отзывчивого изображения с Magnific плагиным

Моего первый вопрос (?): На который ссылается изображение в HTML-теле (большом или эскизы)?

Если thumbnail - где большой? Можно ли загрузить только изображение, достаточно большое для видового экрана и не больше?

Спасибо заранее, Карл

ответ

0

На сайте вы связаны, как эскиз и выскочить использовать один и тот же образ.

Можно загрузить изображения на основе размера видового экрана, используя атрибут srcset в теге img.

Простой пример:

<img srcset="small.jpg 1x, large.jpg 2x" 
    src="small.jpg" 
    alt="Alt text" /> 

Это обеспечивает хороший запасной вариант для браузеров, которые не поддерживают атрибут srcset, а также.

Подробное руководство по использованию here.

+0

Это прекрасно, Павлин. Я не нашел таких в недавно купленной дорогой книге о отзывчивом дизайне. –

+0

> default --- мой новый вопрос: равны ли 1x и 2x изображения? Я сделал все это, чтобы сохранить пропускную способность (для гостей), чтобы на моем телефоне появилась версия 2x и занимает только треть ширины, может быть в лучшем качестве (сетчатка). –