|
2011-07-31Дата: Воскресенье, 31.07.2011, 17:23 | Сообщение # 1 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Скачиваем архив с файлами: photowidget.swf, swfobject_v21.js и заливаем на сайт.
Лучше создать отдельную папку и положить файлы в неё.
Создаем информер: Фотоальбомы · Материалы · В случайном порядке · Материалы: 10 · Колонки: 1
...
Настраиваем шаблон созданного информера - нажать на кнопку с иконкой  :
Удаляем все из шаблона, и прописываем вот такой код:
Code <a href="$PHOTO_URL$">$PHOTO_DIRECT_URL$</a>
...
Информер готов.
Определяемся куда будем вставлять HTML-код виджета.
Туда, где хотите видеть облако картинок, вставляем такой код:
Код фото-виджета - облако картинок:
Code <div id="photowidget">$MYINF_48$</div>
<script type="text/javascript" src="http://likbezz.ru/_source/_wdg/photo_wdg/swfobject2.1.js"></script>
<script type="text/javascript">
var vars={};
vars.mode='images';
eTagz=document.getElementById('photowidget').getElementsByTagName('a');
vars.thumbcloud='<images>';
for(var i=0;eTagz[i];++i){
vars.thumbcloud+='<image href=\''+eTagz[i].getAttribute('href')+'\' target=\'_self\'>'+eTagz[i].innerHTML + '</image>';};
delete eTagz;
vars.thumbcloud+='</images>';
var par={};
par.wmode='transparent';
par.bgcolor='#FFFFFF';
par.allowscriptaccess='always';
var att={};
att.id='photowidget';
att.name='thumbcloud';
swfobject.embedSWF('http://likbezz.ru/_source/_wdg/photo_wdg/photowidget.swf','photowidget','200','200','9.0.0',false,vars,par,att);
</script>
Где:
$MYINF_48$ - код для вставки вашего информера.
Ссылки на файлы, что вот эти:
Quote (Code) <script type="text/javascript" src="http://likbezz.ru/_source/_wdg/photo_wdg/swfobject2.1.js"></script>
и
swfobject.embedSWF('http://likbezz.ru/_source/_wdg/photo_wdg/photowidget.swf','photowidget','200','200','9.0.0',false,vars,par,att);
меняем на свои, те, которые были в архиве.
За размер облака отвечают вот эти цифры:
Quote (Code) swfobject.embedSWF('http://likbezz.ru/_source/_wdg/photo_wdg/photowidget.swf','photowidget','200','200','9.0.0',false,vars,par,att);
200 - ширина, и ...
200 - высота, соответственно ...
...
Примерный код вставки облака в глоб.блок - правый или левый контейнер (диз №805)
Quote (Html) <!--Start(photowidget)--> <div class="block"> <div class="block-title"> <!-- <bt> -->Облако фоток <!-- </bt> --></div> <div class="block-top"><div class="block-content"> <!-- <bc> --> <div id="photowidget">$MYINF_48$</div> <script type="text/javascript" src="http://likbezz.ru/_source/_wdg/photo_wdg/swfobject2.1.js"></script> <script type="text/javascript"> var vars={}; vars.mode='images'; eTagz=document.getElementById('photowidget').getElementsByTagName('a'); vars.thumbcloud='<images>'; for(var i=0;eTagz[i];++i){ vars.thumbcloud+='<image href=\''+eTagz[i].getAttribute('href')+'\' target=\'_self\'>'+eTagz[i].innerHTML + '</image>';}; delete eTagz; vars.thumbcloud+='</images>'; var par={}; par.wmode='transparent'; par.bgcolor='#FFFFFF'; par.allowscriptaccess='always'; var att={}; att.id='photowidget'; att.name='thumbcloud'; swfobject.embedSWF('http://likbezz.ru/_source/_wdg/photo_wdg/photowidget.swf','photowidget','200','200','9.0.0',false,vars,par,att); </script> <!-- </bc> --> </div></div> </div> <!--//End(photowidget)-->
...
☑ Пример виджета облако фоток, рабочий ... )
.....
Сообщение отредактировал likbezz - Понедельник, 01.08.2011, 12:30 | | |
|
