Flash облако изображений на обычной html странице

Извините за то что долго не писал. Это связано с тем, что интересные темы пока иссякли. Пишите мне, как сделал это Пользователь krendel, и я Вам буду отвечать!

Пост написан по просьбе читателя krendel.
Итак, с облаком меток, тегов, ссылок мы разобрались, а как сделать облако изображений? Вот об этом мы сегодня и поговорим.

Все на самом деле просто.
Для того чтобы создать облако изображений на обычном сайте, нам необходимо всего 3 файла:
— сама флешка
— javascript-файл (х2)

Скачать Исходники + Демо

Прописываем на нашей странице наши изображения и ссылки куда они ведут:

<a href="http://nikita-sp.com.ua/">1.gif</a>
<a href="http://nikita-sp.com.ua/">2.gif</a>
<a href="http://nikita-sp.com.ua/2011/05/flash-облако-изображений-на-обычной-html-стра/">3.gif</a>

Берем все наши изображения в теги div с id=»oblapics».

Подключаем два наших js-файла:

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="oblapics.js"></script>

Все! Готово! Смотрим!

Демо

Напоследок:

Файл oblapics.js содержит настройки облака:
— params.wmode — прозрачность фона (transparent — прозрачный, solid — непрозрачный)
— params.bgcolor — цвет фона (задается как в HTML, сокращенная запись не допускается, только из 6 знаков), работает, только если предыдущий параметр = solid
Ширина и высота облака выставляется Вами в последней строчке файла oblapics.js, в настоящий момент там выставлено `350` `350` Если сделаете всё правильно, то получите вот такое облако на свой сайт. Желаю удачи.

Есть вопрос? Что-то не понятно в статье? Хочешь отблагодарить? Пиши комментарий!
Если тебе понравилась статья, а тем более если еще и помогла - поставь +1 и нажми "Мне нравится"!

(213 оценок, среднее: 4,60 из 5)

Tweet