Плагин облака тегов
Сперва определим основные составляющие:
1). Во первых нужен небольшой флеш файлик (весит ~40кб);
2). Во вторых небольшой JS файл (~5кб), этот файл подключаем к странице между тегами <head> </head> :
3). И сам код с помощью которого это облако формируется, о нем далее… Обязательно потребуется создать DIV с ID в котором будет располагаться это облако, например так:
Далее в этом слое формируем теги-ссылки, которые будут выводиться в облаке, и поместим их в переменную PHP. Нам нужно будет кодировать теги-ссылки в безопасное представление, у PHP имеется для этого замечательная функция, именно поэтому мы помещаем их в переменную PHP. Еще эти ссылки должны быть обрамлены тегами <tags> </tags> :
style="font-size: 15pt" является обязательным, определяет высоту текста в облаке.
Для того чтобы посетители у которых не установлен flash или отключен JS в браузере увидели что там находится облако тегов можно вставить код вывода облака тегов в начало нашего слоя (div id="tags"):
Или же просто написать сообщение типа "Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script". Как раз фишка заключается в том что если у пользователя установлен FlashPlayer и включен JS в браузере, то ему выведется это красивое облако тегов, а если нет, то это предупреждающее сообщение.
Теперь самая главная и сложная строчка для вывода тегов:
Где:
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); - Основные параметры облака, "tagcloud.swf" – путь к флеш файлу, "230" – ширина, "140" – высота, "9" – не знаю за что отвечает эта цифра, "#ffffff" – цвет фона облака;
widget_so.addVariable("tspeed", "115"); - Определяет скорость вращения облака, менять надо только цифру 115;
widget_so.addVariable("distr", "true"); - Если true заменить на false, облако примет немного другой вид;
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); - Указываем ссылки которые мы сформировали в переменно $tags и кодируем их в безопасное представление с помощью PHP функции urlencode();
widget_so.write("tags"); - Указываем ID слоя в котором будет располагаться наше облако тегов, в нашем случае это tags.
widget_so.addVariable("tcolor", "0x333333"); - Определяет цвет тегов в облаке.
И вот теперь полный рабочий код нашего облака тегов:
Сохранить надо это как php файл (с расширением .php) и запускать на своем локальном денвере или на хостинге. Вот что получается.