Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 21:19
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 16
Гостей: 15
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Простой слайдер для сайта с использованием 4 постеров.

Простой слайдер для сайта с использованием 4 постеров. Простой, слайдер, сайта, использованием, постеров
Простой слайдер для сайта, используется только 4 картинки, как правило его ставят для рекламы в шапку на известных вам шаблонах адаптаций, но так же его можно вставлять и под новости на своем сайте и не обязательно иметь шаблон на котором он стоял.Простой слайдер для сайта с использованием 4 постеров.
Картинки иконки можно использовать те же что и в просмотре при условие что они не будут много весить и нагружать работу страницы вашего проекта.

  • Установка:
    На страницу где будет использоваться слайдер в head вставляем стиль и скрипты на jquery.
    Code
    <link rel="stylesheet" type="text/css" href="http://ucozon.ru/SCRIN7/2/00121/js/style.css">
    <script type="text/javascript" src="http://ucozon.ru/SCRIN7/2/00121/js/jquery.min.js" ></script><!--Не обязателен, на ucoz по умолчанию есть-->
    <script type="text/javascript" src="http://ucozon.ru/SCRIN7/2/00121/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="http://ucozon.ru/SCRIN7/2/00121/js/jquery-ui.min.js" ></script>
    <script type="text/javascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); </script>


    Место вывода слайдера вставляем код, под $BODY$ можно, но не забываем что ширина слайдера более чем 700px.
    Code
    <div id="featured">
    <ul class="ui-tabs-nav">
    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1">
    <a href="#fragment-1"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-1.jpg" alt="uCozOn.ru" width="65"><span>Sparks Шаблон для UCoz</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-2">
    <a href="#fragment-2"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-2.jpg" alt="uCozOn.ru" width="65"><span>GameMania Шаблон для UCoz</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-3">
    <a href="#fragment-3"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-3.jpg" alt="uCozOn.ru" width="65"><span>Gears Шаблон для UCoz</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-4">
    <a href="#fragment-4"><img src="http://ucozon.ru/SCRIN7/2/00121/js/sl-4.jpg" alt="uCozOn.ru" width="65"><span>Red Line Шаблон для UCoz</span></a></li></ul>

    <!-- First Content -->
    <div id="fragment-1" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-1.jpg " alt="" width="400"><div class="info"><h2>
      <a href="http://ucozon.ru/dir/14-1-0-5541">Адаптация шаблона</a></h2><p>для UCoz</p></div></div>

    <!-- Second Content -->

    <div id="fragment-2" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-2.jpg " alt="uCozOn.ru" width="400"><div class="info"><h2>
    <a href="http://ucozon.ru/dir/14">Адаптация шаблона</a></h2><p>для UCoz</p></div></div>

    <!-- Third Content -->
    <div id="fragment-3" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-3.jpg " alt="uCozOn.ru" width="400"><div class="info"><h2>
    <a href="http://ucozon.ru/dir/14">Адаптация шаблона</a></h2><p>для UCoz</p></div></div>

    <!-- Fourth Content -->
    <div id="fragment-4" class="ui-tabs-panel" style=""><img src=" http://ucozon.ru/SCRIN7/2/00121/js/sl-4.jpg " alt="uCozOn.ru" width="400"><div class="info"><h2>
    <a href="http://ucozon.ru/dir/14-1-0-5542">Адаптация шаблона</a></h2><p>для UCoz</p></div></div></div>


    Далее что на что заменить уже понятно.
    ссылки http://ucozon.ru/dir/14-1-0-5542 на свой, на новость.
    http://ucozon.ru/SCRIN7/2/00121/js/sl-4.jpg на свою картинку, опредленного размера иначе будет искажение формы

    Если мы хотим использовать слайдер через информер, то это будет не легко, так как нужно использовать две формы.
  • Автор\Источник: не указан или не известен!

    Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 123.7Kb
    Просмотров: 9499 | Комментарии: 4 | Рейтинг: 5.0/2 | |Категория: Скрипты Разное | Добавил: мир | Дата: 17.01.2012 | Скачали: 48 | Теги: использованием, простой, постеров., сайта, слайдер
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 4
    4 IronStorm   Дата: 21.07.2013  Время: 18:20   [№ 14843]
    Оууу... А как сделать так, что-бы он был в середине верхнего блока сайта? а то у меня он ушел в лево :)

    3 alexejon   Дата: 09.04.2012  Время: 13:12   [№ 12777]
    Подскажите как сделать что бы выводилась вся инфа при помощи информеров? Или ротаторов или как то еще? Что бы не писать в ручную постоянно. Думаю многие хотели бы так сделать. Уже давно ищу и не могу найти решения вопроса. Пытался сам, но что-то все не то выходит.

    2 мир   Дата: 18.01.2012  Время: 02:13   [№ 11932]
    Его можно сделать через информер вывод скринов новостей.
    В два модуля затраты.

    1 tvdota   Дата: 18.01.2012  Время: 00:55   [№ 11930]
    ураа наконецто спс


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Форма входа
    Логин:
    Пароль:


    Поиск


    На форуме

    1 Файловик. Уникальные те...

    0

    2 Куплю сайты в индексе Я...

    1

    3 Куплю сайты с ТИЦ/PR (п...

    9

    4 Предлагаю услуги для ан...

    0

    5 Предлагаю услуги по про...

    0

    6 Комплексный прогон сайт...

    51

    7 Сайт онлайн фильмов на ...

    1

    8 Проблема с таблицей

    9

    9 Отредактировать фото

    2

    10 Уже все перепробовал )

    1


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


    Кнопка 88х31 сайта ucozon.ru