Воскресенье, 25.06.2017, 06:35
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Что такое Joomla? Разработка сайтов
  • Развитие современного маркетинга. Что такое SMM?
  • Как выбрать надежное казино ?
  • Шесть признаков, говорящих о надежности интернет-казино
  • Как выигрывать в интернет казино?
  • Почему возникли зеркальные ссылки в казино?
  • Как поиграть на деньги в интернете? Что стоит знать?
  • Как на самом деле выигрывать деньги в интернете?
  • Как не проиграть в казино? Что следует знать?
  • Как играть на деньги? Что стоит знать?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Эксклюзивный дизайн сайта от студии Мультплекс
  • Выбор платформы для создания и редизайна сайта
  • Наш опрос
    Каким EMAIL Вы пользуетесь?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Counter Strike Шаблон для сайта uCoz
    Дмитрий Чёрный написал:
    Битая ссылка
    Новость: 500 flash часов для ucoz
    Doshin Doshinovish написал:
    Ссылки битые
    Новость: Красивый еффект при наведении на картинки для uCoz
    DNZ написал:
    И че? Обычные картинки. cool
    Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
    Женя Антонов написал:
    БЛИН САЙТ ПРИКРЫЛИ
    uCoz
    403

    У вас нет прав для просмотра этой страницы

    Вернуться на главную страницу
    sad
    Новость: Как заработать в интернете? Стоит ли пробовать?
    сергей клодт написал:
    Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

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

    установить такой информер
    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, фотографий, пользователя, слайдер
    Просмотров: 6556 | Загрузок: 36 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz