3716
- 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);
Можешь почитать и вот эту статейку "Bootstrap 4 - Таймлайн "
Это тоже интересно
- 08.05.13Флеш облако из картинок
- 14.05.18Облако тегов на CSS3
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
ответить