Пятница, 26.04.2024, 07:11
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Почему кофемашины часто покупают в офисы
  • Можно ли починить айфон при разбитом дисплее
  • Когда могут пригодиться рации
  • Заказать отзывы на АВИТО у компании Upgrating
  • Что чаще всего рекламируют на билбордах в Санкт-Петербурге
  • Преимущества взрывозащитных тепловентиляторов
  • Интересные факты о майнинге криптовалют
  • Как производится регистрация прав интеллектуальной собственности
  • 5 типичных неисправностей ноутбуков
  • Многофакторная аутентификация как сервис
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Пользуютесь ли вы переводчиком у нас на сайте?


    Всего ответов: 1194

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0


    Зарегистрировано 31218 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [16.12.2013, 02:15]

    Слайдер фотографий пользователя для uCoz

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Одним интересным и классным готовым решением для сайта uCoz поделился
    отличный веб-мастер Apocalypse, который совсем недавно переехал с
    хостинга укоз на другой по причине ссоры с юкозерами и копирайтами. Но
    несмотря на все эти негативные вещи, которые происходили с ним в
    последнее время он продолжает стараться во благо развития этой системы, а
    нам остаётся лишь сказать ему за это спасибо и наслаждаться его
    работами. На этот раз мы поговорим об слайдере фотографий пользователя
    для uCoz профилей. Возможно, этот материал не станет самым хитом у нас
    на портале, но я уверен, что найдутся те вебмастера, которым пригодятся
    данные скрипты и html коды. Более подробно смотрите чуть ниже в новости.
    Не забываем ставить класс в социальных сетях ;)

    Основная работа скрипта заключается в том, чтобы вывести слайдер последних картинок
    пользователя, когда находимся на странице фотографии и комментариев к
    ней. Слайдер будет получять фотографии именно того пользователя, который добавил
    материа.



    Установка:


    На странице фотографии и комментариев к ней после < /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


    Для того, чтобы в слайдере было максимальное количество фотографий
    пользователя, в ПУ — Фотоальбомы — Настройки модуля для пункта «Количество фотографий на странице в альбоме:» укажите максимальное количество в 50 штук


    Материал разработан Apocalypse


    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Слайдер фотографий пользователя для uCoz



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: uCoz, фотографий, пользователя, слайдер
    Просмотров: 10345 | Загрузок: 41 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz