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

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

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

Теперь мы команда!

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

Автор: в категории Статьи о 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 затрудняюсь ответить.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Вверх!

Меню блога

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

Облако тегов