Скрипт для перемотки контента в блоке div

Kros · 23.12.2013, 16:54

Здравствуйте. Помогите найти скрипт, от вроде слайдер называется, но гугл все время ищет что-то не то.

В общем, сам принцип работы скрипта. На сайте есть блок div, в нем находятся некие записи в виде отзывов.
Надо эти отзывы поделить на две части, что бы по бокам были стрелочки "< >", нажимая на которые записи менялись на следующие.

sheff-09 · 28.12.2013, 19:10

Kros,

Код:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Слайдер</title>
    <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/BlocksScroller.js"></script>
    <script type="text/javascript">
    	
        
        $(window).load(function() {
           
            new BlocksScroller({
                container: $("#preview .panel-content:first"),
                scrolledObj: $("#preview .panel-content:first"),
                blocksCount: 6,
                blockWidth: 75,
                visibleBlocks: 4,
                prevButton: $("#preview .prev:first"),
                nextButton: $("#preview .next:first")
            });
           
            new BlocksScroller({
                container: $("#preview2 tr:first"),
                scrolledObj: $("#preview2 table:first"),
                blocksCount: 6,
                blockWidth: 76,
                visibleBlocks: 5,
                prevButton: $("#preview2 .prev:first"),
                nextButton: $("#preview2 .next:first")
            });
        });
        
        function runScroll()
        {
            new BlocksScroller({
                container: $("#preview3 .panel-content:first"),
                scrolledObj: $("#preview3 .panel-content:first"),
                blocksCount: 6,
                blockWidth: 75,
                visibleBlocks: 4,
                scrollType: BS_BY_TIMER,
                timerSpeed: 1000
            });
        }
    </script>
</head>

<body>
    <fieldset>
        <legend>Прокрутка ссылок (показываются 4 из 6)</legend>
        <div id="preview">
            <a href="#" class="prev" title="Предыдущая">Предыдущая</a>
            <div class="panel"><div class="panel-content">
                <a href="#"><img src="img/preview1.jpg" alt="" /><span>1</span></a>
                <a href="#"><img src="img/preview1.jpg" alt="" /><span>2</span></a>
                <a href="#"><img src="img/preview1.jpg" alt="" /><span>3</span></a>
                <a href="#"><img src="img/preview1.jpg" alt="" /><span>4</span></a>
                <a href="#"><img src="img/preview1.jpg" alt="" /><span>5</span></a>
                <a href="#"><img src="img/preview1.jpg" alt="" /><span>6</span></a>
            </div></div>
            <a href="#" class="next" title="Следующая">Следующая</a>
        </div>
    </fieldset>    
</body>
</html>

23.12.2013, 16:54	#1 (ссылка)
Kros Новичок Регистрация: 22.04.2010 Сообщений: 95 Репутация: 0	Скрипт для перемотки контента в блоке div Здравствуйте. Помогите найти скрипт, от вроде слайдер называется, но гугл все время ищет что-то не то. В общем, сам принцип работы скрипта. На сайте есть блок div, в нем находятся некие записи в виде отзывов. Надо эти отзывы поделить на две части, что бы по бокам были стрелочки "< >", нажимая на которые записи менялись на следующие.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Видио файл .wmv нет перемотки ни в winamp , ни в windows media ?	find3000	Мультимедиа	3	10.05.2012 23:59
В winamp, если на клаве перематывать вперед, вместо перемотки циклится на моменте?	find3000	Мультимедиа	4	01.02.2012 14:42
Пропала панель перемотки во время просмотра фильма	NikkaNikka	Мультимедиа	1	09.01.2010 16:46
подскажите скрипт поиска на пхп для сайта по бд msql.+посмотрите мой скрипт	Kamilla Gates	Веб-строительство	6	03.06.2009 19:35

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)

Ads