Облако фоток на сайте
2.При помощи файлового менеджера закачиваем файлы в созданную папку. 3.Создаем информер модуля Фотоальбомы (читайте статьи о создании информеров), меняем шаблон информера на такое содержание: <a href="$PHOTO_URL$">$PHOTO_DIRECT_URL$</a> 4.В том месте, где хотите видеть облако тегов вставляем такой код скрипта: <div id="oblapics">$MYINF_1$</div> <script type="text/javascript" src="http://адрес/папка/swfobject.js"></script> <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=\'_self\'>' + 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('http://адрес/папка/photowidget.swf', 'oblapics', '200', '200', '9.0.0', false, flashvars, params, attributes); </script> (где $MYINF_1$ - номер информера модуля фотоальбомы, цифру меняете на свой; адрес/папка/ - меняете на свои) 5.Добавить в CSS такой код: #oblapics {outline:0;} 6. Если код скрипта вставляете в Глобальных блоках в контейнер, то информер надо оформить в соответствующий стиль. Для этого нужно изучить блоки в контейнере, они находятся внутри этих тегов !-- <block1> --> здесь код блока <!-- </block1> -->. Нужно скопировать и заменить на свои. В моем случае получилось так: <!-- <облако фоток> --> <div class="box"><h3>Облако фоток</h3></div> Здесь код из 4 пункта статьи. <!-- </облако фоток> --> | |
| |
Просмотров: 3339 | Комментарии: 7 | | |
Всего комментариев: 7 | ||||||||||||
|