Флеш облако из картинок

Привет всем.У меня на юкозе было флеш облако из фотографий,вот решил адаптировать
И так приступим

1. Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем
2. заливаем папку swf в папку с нашим шаблоном
3. заливаем папку plugins в папку с нашим шаблоном
4. В плагине xfields создаем поле poster смотри скрин
   
   ,это если у вас не подключено поле с другим id,если подключено то исправить в папке \plugins\xnews\xnews1 в файле entries.tpl "poster" на ваше id поля
5. Включаем плагин xnews
6. В 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', '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>

7. ну вроде все,в строчке
   Код:

   swfobject.embedSWF('/templates/ваш шаблон/swf/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);

   измените ваш шаблон на название вашего шаблона, за размеры отвечают 170 170

Можешь почитать и вот эту статейку "АНИМИРОВАННЫЕ КНИГИ С CSS 3D-ПРЕОБРАЗОВАНИЕМ"

• ← Предыдущая
• Следующая →

Это тоже интересно