Здравствуй, уважаемый друг!

Кажется, ты используешь AdBlock. Этот проект развивается и существует за счет доходов от рекламы.
Добавь, пожалуйста, нас в исключения.

Спасибо за понимание.

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

Автор: в категории Статьи о JavaScript 10 комментариев

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

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

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

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

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

<a href="https://nikita-sp.com.ua/">1.gif</a>
<a href="https://nikita-sp.com.ua/">2.gif</a>
<a href="https://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` Если сделаете всё правильно, то получите вот такое облако на свой сайт. Желаю удачи.

comments powered by HyperComments

Не забудь подписаться на группы в социальных сетях, чтобы всегда быть вкурсе последних событий!

elektra28s
2011-10-23 18:23:43
с облаком тегов понятно, а посмотреть рабочее с картинками , где то можно?
Nikita_Sp
2011-10-23 19:18:41
Читайте внимательнее статью и вы найдете там демо.
elektra28s
2011-10-23 21:28:47
спасибо нашел :)
Nikita_Sp
2011-10-24 00:55:49
Пожалуйста =)
Rialla
2014-03-07 14:43:11
Я в этом деле полный чайник. Такие облака нравятся, поставила бы себе на сайт. Мой сайт находится на конструкторе. Можно ли сделать на конструкторе облако тегов? Заранее спасибо за ответ.
Егор
2014-02-11 11:54:31
C настройками облака проблем нет. А вот как настроить сами картинки - это вопрос! Не нашел я как из квадратов сделать прямоугольники... Есть мысли по этому поводу? Лучшее решение - это оставлять картинкам их реальные размеры.
Nikita_Sp
2014-03-07 17:32:46
Я не помню, к сожалению, какие возможности имеет uCoz, я почему-то уверен что это он))), если другой конструктор, то нужно смотреть. В любом случае, если конструктор поддерживает загрузку файлов на сервер как исполняющихся файлов (.js например) + flash - то я думаю можно поставить.
Rialla
2014-03-07 20:41:43
Сайт на другом конструкторе. Очень хотелось бы сделать, чтоб Вы помогли, естественно не безвозмездно.
Rialla
2014-03-07 20:46:34
На конструкторе есть возможность зайти на хостинг и в диспетчере файлов я видела папку c названием "js" с файлами .js. А вот насчет flash затрудняюсь ответить.
Nikita_Sp
2014-03-08 03:28:22
ответил на вашу почту
Вверх!

Меню блога

Категории блога

Облако тегов