Flash облако изображений на обычной html странице
в категории Статьи о JavaScript 10 комментариевИзвините за то что долго не писал. Это связано с тем, что интересные темы пока иссякли. Пишите мне, как сделал это Пользователь krendel, и я Вам буду отвечать!
Пост написан по просьбе читателя krendel.
Итак, с облаком меток, тегов, ссылок мы разобрались, а как сделать облако изображений? Вот об этом мы сегодня и поговорим.
Все на самом деле просто.
Для того чтобы создать облако изображений на обычном сайте, нам необходимо всего 3 файла:
— сама флешка
— javascript-файл (х2)
Прописываем на нашей странице наши изображения и ссылки куда они ведут:
<a href="//nikita-sp.com.ua/">1.gif</a> <a href="//nikita-sp.com.ua/">2.gif</a> <a href="//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)