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


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


Вертикальная прокрутка не всегда вписывается в дизайн страницы, а данный плагин поможет реализовать горизонтальную прокрутку.

Разметка HTML
    <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)

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


javascript
Подключаем 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();
    });


Скачать исходник:
jquery-horizontal-scrollbars.rar


скрипт скрипт ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 3333
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация