О вставке длиииииных изображений в жж

Feb 19, 2014 20:44

Меня уже некоторое время занимает вопрос, как удобнее показывать в жж свою бесконечную книгу. Страниц становится все больше, показывать каждый раз "все, что было до" становится все сложнее, а те, кто недавно присоединился к проекту, могут по последним иллюстрациям не понять всю задумку целиком.

Поэтому я решила поискать возможные варианты вставки длинных изображений в блог. И вот что мне удалось найти на данный момент.
Сразу оговорюсь, что ВСЕ предложенные варианты работают только на уровне поста, их нельзя вставлять в комментарии (вернее, можно, но работать они, к сожалению, не будут). Способов вставки длинных изображений в комментарии (чтобы их можно было показать прямо в блоге у conjure), к сожалению, найти не удалось. Но в комментариях можно дать ссылку на свой пост и, думаю, многим будет интересно посмотреть книгу целиком.



1. Тег
Самый простой (но не самый красивый) вариант - воспользоваться html тегом marquee, который показывает бегущую строку.

Вот пример фрагмента, который можно вставить в пост









И так далее...

Результат получится примерно таким:










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

2. Длинное изображение и полоса прокрутки.
Второй вариант. Самый удобный для меня на данный момент.
Склеить свою бесконечную книгу в длинное изображение и добавить полосу прокрутки с помощью тега
. Вот здесь подробно описано, как это можно сделать: http://stepbystep-hdr.livejournal.com/208332.html

Результат выглядит примерно так. Думаю, я для себя пока остановлюсь на этом варианте.



3. Средства создания слайдшоу на сайтах, обеспечивающих онлайн-хранение изображений.
Например, flickr, picasa или yandex.
Учитывая, что большинство рисующих бесконечную книгу выкладывают изображения во flickr, думаю этот вариант должен быть достаточно удобным.
За наводку спасибо 6ruk

Как вставить фотогралерею из flickr'а в жж.
1. На flickr'е удобно создать отдельный Set, включающий только те изображения, которые нужно склеить.
2. Открываем любую из загруженных фотографий. Нажимаем знак многоточия в правом нижнем углу. Открывается меню, в котором нужно выбрать пункт "view slideshow" (смотреть слайдшоу).
3. В верхнем правом углу есть пункт меню Share (поделиться), там есть пункт "Grab the embed HTML", его содержимое необходимо скопировать (Copy to clipboard) и затем
4. Вставить этот код в запись в ЖЖ
5. И окружить его тэгами, вот такими: сюда копировать код
Размер слайдшоу можно подправить там на фликре (customize this HTML).

Вот так выглядит слайдшоу с моей книгой.


4. Склеить свои картинки в панораму и воспользоваться внешними сайтами (или компьютерными программами) для создания панорамных изображений, после чего вставить панораму в запись с помощью тега
Сходу для создания панорам мне удалось найти вот этот сайт: www.360cities.net

бесконечная книга

Previous post Next post
Up