Flash облако изображений на обычной html странице
12 мая 2011 в 23:06 в категории Статьи о JavaScript 10 комментариевИзвините за то что долго не писал. Это связано с тем, что интересные темы пока иссякли. Пишите мне, как сделал это Пользователь 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` Если сделаете всё правильно, то получите вот такое облако на свой сайт. Желаю удачи.
10 комментариев
с облаком тегов понятно, а посмотреть рабочее с картинками , где то можно?
Читайте внимательнее статью и вы найдете там демо.
спасибо нашел 🙂
Пожалуйста =)
C настройками облака проблем нет.
А вот как настроить сами картинки — это вопрос! Не нашел я как из квадратов сделать прямоугольники…
Есть мысли по этому поводу?
Лучшее решение — это оставлять картинкам их реальные размеры.
Я в этом деле полный чайник. Такие облака нравятся, поставила бы себе на сайт. Мой сайт находится на конструкторе. Можно ли сделать на конструкторе облако тегов? Заранее спасибо за ответ.
Я не помню, к сожалению, какие возможности имеет uCoz, я почему-то уверен что это он))), если другой конструктор, то нужно смотреть. В любом случае, если конструктор поддерживает загрузку файлов на сервер как исполняющихся файлов (.js например) + flash — то я думаю можно поставить.
Сайт на другом конструкторе. Очень хотелось бы сделать, чтоб Вы помогли, естественно не безвозмездно.
На конструкторе есть возможность зайти на хостинг и в диспетчере файлов я видела папку c названием «js» с файлами .js. А вот насчет flash затрудняюсь ответить.
ответил на вашу почту