Как вставить в пост длинную картинку с прокруткой

[stepbystep_hdr]

Данный совет применим для длинных панорам, которые не помещаются в экран по ширине. Для длинных по высоте панорам это неактуально, поскольку используется прокрутка самой страницы.
Одним из вариантов является использование flash как для виртуальных туров с круговыми панорамами на 360 градусов. Я сам flash не люблю, считаю его постепенно отмирающей технологией и заменой на html5.

Идея была в том чтобы зафиксировать ширину картинки на странице и добавить прокрутку по горизонтали.
Итак чтобы сделать это нужно вставить следующий html код в страничку поста


{image_url}" style="min-width:{image_width}px;min-height:{image_height}px" />

где:
{image_url} - url на картинку
{image_width} - ширина картинки
{image_height} - высота картинки

Примеры:
1. Автоматическая ширина по родительскому html элементу странички





2.
Ограничение по ширине в 1200px:

width:1200px;">



3. Вертикальная прокрутка с ограничением по высоте в 400px:

overflow-y: scroll; height:400px; width:{image_width}px;">
{image_url}" style="min-height:{image_height}px" />