Меню сайта
Категории раздела
| Скрипты для uCoz [582] |
| HTML коды для uCoz [58] |
| Шаблоны для uCoz [189] |
| Социальные сети и закладки [4] |
| Меню для uCoz сайта [30] |
| Опросы на uCoz [6] |
| Работа с Информерами [7] |
| Для Веб мастера [90] |
| CSS стили для uCoz [15] |
| Как это сделать? (для новичков с картинками) [11] |
| Видео Уроки по uCoz [2] |
| Полезное для пользователей [45] |
| Counter Strike мониторинг [5] |
| Регистрация и прикрепление своего домена к uCoz [1] |
| Новости сайта scripts-for-ucoz [47] |
| Учебник HTML [11] |
| Разное/Другое [12] |
Статьи про uCoz
Рекламко
Наш опрос
Статистика
Онлайн всего: 17
Гостей: 17
Пользователей: 0
Зарегистрировано 31229 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5178 комментариев, На форуме создано тем и ответов.
установить такую статистику
Блок Программ
Установить себе такой Блок
Скрипты и HTML для uCOz
Блок CW результаты
Скачать Броузеры
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)
установить такой блок
Поиск
Рекламко
http://samp--rp.ucoz.com/
Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут
Расскажи Друзьям!
Комментарии
Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
написал:
написал:
В итоге получим в статистике целую кучу ботов, и отказов. Что само собой скажется на ПС
Новость: Фотогалерея изображений для uCoz
Sultanbek Ajdos написал:
Sultanbek Ajdos написал:
Не убрать календарики правильно
Понедельник, 22 ноября 2010 г.
Карманный календарь 2010 г.
Понедельник, 22 ноября 2010 г.
Карманный календарь 2010 г.
Читать все комментарии
Топ комментаторов
VKONTAKTE
FACEBOOK
Кто и Откуда Вы?
Мини-чат
| Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [16.12.2013, 02:15] |
Слайдер фотографий пользователя для uCoz
| Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!] | |||
Одним интересным и классным готовым решением для сайта uCoz поделился
Основная работа скрипта заключается в том, чтобы вывести слайдер последних картинок Установка: На странице фотографии и комментариев к ней после < /head > вставляйте: Код <link rel="stylesheet" href="/css/jQuery.isc.css" type="text/css" media="screen" charset="utf-8"> <script src="/js/jquery-image-scale-carousel-condensed.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="/css/lib.css" type="text/css" media="screen" title="no title" charset="utf-8"> Следующий код вставляйте на этой же странице в то место, где хотите видеть слайдер: Код <pre tabindex="5002" style="overflow-y: hidden;" class="prettyprint"><code><span class="tag"><fieldset</span><span class="pln"> </span><span class="atn">style</span><span class="pun">=</span><span class="atv">"</span><span class="kwd">width</span><span class="pun">:</span><span class="lit">500px</span><span class="pun">;</span><span class="kwd">padding</span><span class="pun">:</span><span class="lit">20px</span><span class="pun">;</span><span class="kwd">border</span><span class="pun">:</span><span class="lit">1px</span><span class="pln"> dashed </span><span class="lit">#aaa</span><span class="atv">"</span><span class="tag">></span><span class="pln"> <br> </span><span class="tag"><legend></span><span class="pln">Последние фотографии автора $USER$</span><span class="tag"></legend></span><span class="pln"> <br> </span><span class="tag"><div</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"ph"</span><span class="pln"> </span><span class="atn">style</span><span class="pun">=</span><span class="atv">"</span><span class="kwd">width</span><span class="pun">:</span><span class="lit">500px</span><span class="pun">;</span><span class="atv">"</span><span class="tag">></span><span class="pln"> <br> </span><span class="tag"><div</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"photo_container"</span><span class="pln"> </span><span class="atn">style</span><span class="pun">=</span><span class="atv">"</span><span class="kwd">width</span><span class="pun">:</span><span class="lit">500px</span><span class="pun">;</span><span class="kwd">height</span><span class="pun">:</span><span class="lit">300</span><span class="pun">;</span><span class="kwd">overflow</span><span class="pun">:</span><span class="pln">hidden</span><span class="pun">;</span><span class="atv">"</span><span class="tag">></div></span><span class="pln"> <br> </span><span class="tag"></div></span><span class="pln"> <br> </span><span class="tag"></fieldset></span></code></pre> Далее на этой же странице в самый низ после < /body > вставляйте: Код <pre tabindex="5003" style="overflow-y: hidden;" class="prettyprint"><code><span class="tag"><script></span><span class="pln"> <br> </span><span class="com">// Слайдер фотографий пользователя by Apocalypse </span><span class="pln"><br> $</span><span class="pun">.</span><span class="kwd">get</span><span class="pun">(</span><span class="str">'/photo/0-1-0-17-$UID$'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">(</span><span class="pln">s</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> <br> </span><span class="kwd">var</span><span class="pln"> carousel_images </span><span class="pun">=</span><span class="pln"> </span><span class="str">''</span><span class="pun">;</span><span class="pln"> <br> $</span><span class="pun">(</span><span class="str">'a.ulightbox'</span><span class="pun">,</span><span class="pln"> s</span><span class="pun">).</span><span class="pln">each</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> <br> </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">carousel_images </span><span class="pun">==</span><span class="pln"> </span><span class="str">''</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> <br> carousel_images </span><span class="pun">=</span><span class="pln"> $</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">attr</span><span class="pun">(</span><span class="str">'href'</span><span class="pun">);</span><span class="pln"> <br> </span><span class="pun">}</span><span class="pln"> </span><span class="kwd">else</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> <br> carousel_images </span><span class="pun">=</span><span class="pln"> carousel_images </span><span class="pun">+</span><span class="pln"> </span><span class="str">','</span><span class="pln"> </span><span class="pun">+</span><span class="pln"> $</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">attr</span><span class="pun">(</span><span class="str">'href'</span><span class="pun">);</span><span class="pln"> <br> </span><span class="pun">};</span><span class="pln"> <br> </span><span class="pun">});</span><span class="pln"> <br> carousel_images </span><span class="pun">=</span><span class="pln"> carousel_images</span><span class="pun">.</span><span class="pln">split</span><span class="pun">(</span><span class="str">','</span><span class="pun">);</span><span class="pln"> <br> setTimeout</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> <br> $</span><span class="pun">(</span><span class="str">"#photo_container"</span><span class="pun">).</span><span class="pln">isc</span><span class="pun">({</span><span class="pln">imgArray</span><span class="pun">:</span><span class="pln">carousel_images</span><span class="pun">});</span><span class="pln"> <br> </span><span class="pun">},</span><span class="pln"> </span><span class="lit">500</span><span class="pun">);</span><span class="pln"> <br> </span><span class="com">// apo-ucoz.com (c) 2013 </span><span class="pln"><br> </span><span class="pun">});</span><span class="pln"> <br> </span><span class="tag"></script></span></code></pre> Скрипт из прикреплённого архива залейте в папку js, два стиля в папку css и три картинки в папку images Для того, чтобы в слайдере было максимальное количество фотографий Материал разработан Apocalypse При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Слайдер фотографий пользователя для uCoz Расскажи друзьям интересные новости: 
- Установить на свой сайт блок социальных закладок | |||
| Просмотров: 10463 | Загрузок: 42 | Комментарии: 1 | Рейтинг: 0.0/0 | |||
| Всего комментариев: 0 | |
