3D облако фотографий для сайта - Форум помощи по uCoz
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум помощи по uCoz » как создать сайт на Ucoz » скрипты для Ucoz » 3D облако фотографий для сайта (перелистывающиеся в 3D фотографии)
3D облако фотографий для сайта
Дата: Среда, 20.06.2012, 04:01 | Сообщение # 1
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline


Установка:

Создаём информер с параметрами:
[ Фотоальбомы · Материалы · В случайном порядке · Материалы: 10 · Колонки: 1 ]

В шаблоне информера заменяем всё на:
Code
<a href="$PHOTO_URL$">$PHOTO_DIRECT_URL$</a>


Запоминаем код информера (Мой код $MYINF_7$)

Теперь вставляем следующий код туда, где хотим видеть облако фотографий:
Code
<!-- <block5> -->
<center><script type="text/javascript" src="http://vsebudetok.net/flash_photo/swfobject.js"></script><div id="oblapics">$MYINF_7$</div><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://apocalypse.ucoz.kz/flash_photo/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script></center>
<!-- </block5> -->


Вот и всё

более сложное,но интересное:

Вот скрипт того же флеш облака, тока теперь будешь вручную прописывать пути к картинкам и файлам, на которые будут переходить при нажатии на картинки:
Code
"#000000"><script type="text/javascript" src="http://apocalypse.ucoz.kz/flash_photo/swfobject.js"></script><div id="oblapics"><a href="http://apocalypse.ucoz.kz/photo/3-0-1">http://apocalypse.ucoz.kz/_ph/3/2/256429418.jpg</a><a href="http://apocalypse.ucoz.kz/photo/3-0-2">http://apocalypse.ucoz.kz/_ph/3/2/375976117.jpg</a><a href="http://apocalypse.ucoz.kz/photo/3-0-6">http://apocalypse.ucoz.kz/_ph/3/2/751153798.jpg</a><a href="http://apocalypse.ucoz.kz/photo/3-0-5">http://apocalypse.ucoz.kz/_ph/3/2/490512236.jpg</a><a href="http://apocalypse.ucoz.kz/photo/3-0-4">http://apocalypse.ucoz.kz/_ph/3/2/992386801.jpg</a><a href="http://apocalypse.ucoz.kz/photo/3-0-3">http://apocalypse.ucoz.kz/_ph/3/2/715428463.jpg</a><a href="ССЫЛКА НА СТРАНИЦУ ФОТОАЛЬБОМА">ССЫЛКА НА ИЗОБРАЖЕНИЕ</a><a href="ССЫЛКА НА СТРАНИЦУ ФОТОАЛЬБОМА">ССЫЛКА НА ИЗОБРАЖЕНИЕ</a><a href="ССЫЛКА НА СТРАНИЦУ ФОТОАЛЬБОМА">ССЫЛКА НА ИЗОБРАЖЕНИЕ</a><a href="ССЫЛКА НА СТРАНИЦУ ФОТОАЛЬБОМА">ССЫЛКА НА ИЗОБРАЖЕНИЕ</a><a href="ССЫЛКА НА СТРАНИЦУ ФОТОАЛЬБОМА">ССЫЛКА НА ИЗОБРАЖЕНИЕ</a></div><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://apocalypse.ucoz.kz/flash_photo/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>


будьте внимательны все необходимое в коде замените
Дата: Понедельник, 18.02.2013, 21:43 | Сообщение # 2
Группа:
начинающий
Сообщений:
2
Offline
че то не получается облако ни фига можно подробнее cry

Добавлено (18.02.2013, 21:43)
---------------------------------------------
или ссылку с подробным описанием как это облако сделать неделю уже мучаюсь crying

Дата: Вторник, 19.02.2013, 15:34 | Сообщение # 3
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline
Дата: Среда, 20.02.2013, 19:39 | Сообщение # 4
Группа:
начинающий
Сообщений:
2
Offline
Цитата (администратор)
Все вроде просто обьяснил
все делаю по инструкции результат ни какой получается что сайт растягивается и вместо облака вижу ссылки к фото$MYINF_7$ меняю на свой а толку нет может че еще не поменял question
Дата: Среда, 29.05.2013, 00:20 | Сообщение # 5
Группа:
начинающий
Сообщений:
2
Offline
как присвоить надписи к картинкам? не в самих файлах картинок, а рядом, точнее сверху.
Дата: Среда, 29.05.2013, 20:05 | Сообщение # 6
Группа:
Администратор
Сообщений:
501
Титул:
Знаток
Offline
Цитата (Administrator6454)
как присвоить надписи к картинкам? не в самих файлах картинок, а рядом, точнее сверху.

просто написать текст сверху картинки
Дата: Понедельник, 03.06.2013, 10:59 | Сообщение # 7
Группа:
начинающий
Сообщений:
2
Offline
Цитата (администратор)
просто написать текст сверху картинки
Я вероятно не правильно задала вопрос. мне нужен текст над картинкой, а не в ней. т.е. этот текст не должен быть нарисован в файле jpg. 
Я это уже пробовала. Сделав надписи в самих картинках - получилось некрасиво. 

Я попробовала сделать надпись в коде рядом со ссылкой на путь к картинке. но вместо текста и картинки у меня исчезла сама картинка....

Добавлено (03.06.2013, 10:59)
---------------------------------------------
в мозилле не работает... в сафари тоже... показывает только ссылки на картинки....

Форум помощи по uCoz » как создать сайт на Ucoz » скрипты для Ucoz » 3D облако фотографий для сайта (перелистывающиеся в 3D фотографии)
Страница 1 из 11
Поиск: