Чтение RSS
По вопросам сотрудничества и рекламы на портале MixliP, обращаться на почту admin@turklib.ru
MixliP - Территория вебмастера! На нашем сайте вы найдете все для веб-мастеров и не только =) ! Различные скрипты для вашего сайта. И еще на нашем сайте немало софта! Заходи не пожалеешь!


ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА

ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА

Вертикальная прокрутка не всегда вписывается в дизайн страницы, а данный плагин поможет реализовать горизонтальную прокрутку.
ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА

    <ul id="horiz_container_outer">
        <li id="horiz_container_inner">
            <ul id="horiz_container">
                <li><img src="images/toystory.jpg" width="500px" height="300px" alt="История игрушек" /></li>
                <li><img src="images/up.jpg" width="500px" height="300px" alt="Вверх" /></li>
                <li><img src="images/ratatouille.jpg" width="500px" height="300px" alt="Рататуй" /></li>
                <li><img src="images/findingnemo.jpg" width="500px" height="300px" alt="В поисках Немо" /></li>
                <li><img src="images/cars.jpg" width="500px" height="300px" alt="Тачки" /></li>
                <li><img src="images/monstersinc.jpg" width="500px" height="300px" alt="Корпорация монстров" /></li>
                <li><img src="images/bugslife.jpg" width="500px" height="300px" alt="Приключения Флика" /></li>
                <li><img src="images/incredibles.jpg" width="500px" height="300px" alt="Супер семейка" /></li>
            </ul>
        </li>
    </ul>



Убедитесь, что вы назначили каждому из трех контейнеров ID (container_outer, container_inner и container)
ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА

<link rel="stylesheet" type="text/css" href="jquery.horizontal.scroll.css" />

ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА

Подключаем jQuery библиотеку и скрипт плагина:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 <script src="jquery.horizontal.scroll.min.js" type="text/javascript"></script>

Вызываем плагин следующим образом:
$(document).ready(function(){
        $('#horiz_container_outer').horizontalScroll();
    });

или скачайте готовые слайдер прокрутка картинок
Просмотры: 2570 Комментарии (0)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Владельцы и пользователи сайта MixliP.ru не осуществляют никакой продажи либо перепродажи программных и иных продуктов интеллектуальной собственности. На нашем сайте не хранится ни одного файла или документа, который нарушал бы смежное или авторское право.


Сайт MixliP.ru представляет собой набор новостей и ссылок на внешние общедоступные источники в сети Интернет, не подконтрольные администрации сайта MixliP.ru, а, следовательно, не несет никакой ответственности за их содержание.


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


Читать полностью информацию правообладателям.


Сайт работает на хостинге BEGET.RU


Рекомендует Mixlip.RU





Наши друзья

Полезное

NEW - Анализ сайта

Оптимизация вашего сайта.

Читайте также

 Пользователи онлайн

  • Всего на сайте: 9
    Пользователей: 0
    Гостей: 4
    Роботов: 5
    Yandex Google Msn Inktomi Spider Rambler