Нашел на просторах Интернета:
Представьте, у вас есть высококачественные изображения с высоким разрешением (фотографии, скриншоты и т.п.) и их нужно показать на сайте. Понятно, что вставить их, не меняя размеры, не получится. Картинки просто «порвут» дизайн. Поэтому предварительно нужно их уменьшить, но и возможность просмотра полноразмерного изображения необходимо обеспечить.
Классическое решение этой задачи – сделать каждую миниатюру ссылкой на полноразмерное изображение. Т.е. использовать разметку вида.
<a href="1.jpg"><img src="1_thumb.jpg" /></a>где
1_thumb.jpg
– уменьшенное изображение1.jpg
.Главный недостаток такого подхода – посетитель покидает страницу, а затем должен на неё вернуться с помощью кнопки «Назад».
На данный момент существует множество решений, которые позволяют получить более красивое решение этой задачи.
Источник - SimpleCoding.org
Может быть полезным. Первый способ мне не очень понравился, второй стандартный, но красивый, хотя prettyPhoto мне кажется лучше. Третий способ встречал на паре интернет-магазинов.
0 Комментариев