Создаем в посте фотогалерею

Иногда нам хочется показать в посте какие-то свои фото так, чтоб читатель загорелся желанием зайти в фотоальбом посмотреть все.

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

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

Мои иллюстрации на Шуттерстоке:

Небольшие превьюшки бегут перед глазами зрителя, показывая весь ассортимент, а кликнув на любую из картинок, читатель попадет прямо на Шуттерсток.

Как сделано.

Тут простенький HTML-код, где вам надо кое-что поменять на свои значения:

<div style="background: white; border: 3px solid silver; padding: 5px; text-align: center; width: 360px;"> <marquee height="400" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="10" wdth="300"> <a href="ссылка на ресурс"><img src="фото.jpg" width="300" /></a> <a href="ссылка на ресурс"><img src="фото.jpg" width="300" /></a> <a href="ссылка на ресурс"><img src="фото.jpg" width="300" /></a> <a href="ссылка на ресурс"><img src="фото.jpg" width="300" /></a> </marquee></div>

Значения:

background – фон: silver (серебро), gold (золотой), white (белый), black (черный)

border – рамка толщиной 5px (можете поставить любое значение, если рамка не нужна - ноль)

solid – цвет рамки silver (серебро), gold (золотой), white (белый), black (черный)
padding – промежуток между картинками 10px
text-align – выравнивание в рамке center (по центру)
width – ширина окна 730px
marquee height – высота внутреннего окна для демонстрации миниатюр 350
width – ширина внутреннего окна для демонстрации миниатюр 700 (чуть меньше, чем общая ширина)
scrollamount – скорость движения картинок в фотогалерее (чем больше значение, тем быстрее)

Строка со ссылками на фото (<a href= ...ссылка...><...урл фото.../></a>) повторяется столько раз, сколько миниатюр вы хотите показать.

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

Красивых вам постов!

***

Сегодня с вами ваша я. 
Здравствуйте всегда.
p_i_r_a_n_y_a