
3921
- 1
- Автор: --------------
- Адаптировал: irbees2008
- Уровень сложности исполнения: нужны навыки css hmlt
- Демо:
Привет всем.У меня на юкозе было флеш облако из фотографий,вот решил адаптировать это вариант 2
И так приступим
- Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем
- заливаем папку swf в папку с нашим шаблоном
- заливаем папку plugins в папку с нашим шаблоном
- Включаем плагин xnews
- В main.tpl там где хотим видеть облако вставляем Код:
<script type="text/javascript" src="{tpl_url}/swf/swfobject.js"></script>
[TWIG]{% if pluginIsActive('xnews') %}{{ callPlugin('xnews.show', {'order' : 'last', 'categories' : '1,2,3,4,5,6,7,8,9,10,11,12,13,14,15', 'count': '40', 'extractEmbeddedItems' : true, 'template' : 'xnews1'}) }}{% endif %}[/TWIG]
<script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';
eTagz = document.getElementById('oblapics').getElementsByTagName('A');
flashvars.thumbcloud = '<images>';
for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\''
+ eTagz[i].getAttribute('href')+ '\' target=\'_blank\'>'+ eTagz[i].innerHTML +
'</image>';delete eTagz;flashvars.thumbcloud += '</images>';
var params = {};params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';var attributes = {};
attributes.id = 'oblapics';
attributes.name = 'thumbcloud';
swfobject.embedSWF('/templates/ваш шаблон/swf/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);
</script> - ну вроде все,в строчке Код:измените ваш шаблон на название вашего шаблона, за размеры отвечают 170 170
swfobject.embedSWF('/templates/ваш шаблон/swf/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);
Можешь почитать и вот эту статейку "Простой плагин JQuery Covering-Bad"
Это тоже интересно
- 08.05.13Флеш облако из картинок
- 14.05.18Облако тегов на CSS3
читать полностью
[/comment_full] [answer]--------------------
Ответ от{name}
{answer}[/answer] [quote]
irbees2008');" style="cursor: pointer;">ответить[/quote]