• 1957
  • 0
  • Автор: --------------
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

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

  1. Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем
  2. заливаем папку swf в папку с нашим шаблоном
  3. заливаем папку plugins в папку с нашим шаблоном
  4. В плагине xfields создаем поле poster смотри скрин
    demonstracionnaya_installyaciya_next_generation_cms_-_panel_upravleniya.png (79.41 Kb)
    ,это если у вас не подключено поле с другим 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-ПРЕОБРАЗОВАНИЕМ"

mistakes

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

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Ваше отношение к TWIG
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element