JQuery альтернатива Flash Display Element - PullRequest
1 голос
/ 10 сентября 2010

Я сейчас создаю веб-сайт, и в дизайне он показывает колесо прокрутки в виде этот пример .

У меня нет проблем с созданием этого с использованием чего-то вроде прокручиваемого или других подобных плагинов, однако они не позволяют вам щелкать и перетаскивать изображения и «пролистывать» их таким образом, как в примере с flash.

Знаете ли вы какие-либо плагины, которые позволяют вам это делать, или даже знаете, как изменить что-то вроде Scrollable для этого?

Я довольно новичок в JQuery, поэтому извините, если это немного сложный вопрос

Ответы [ 2 ]

0 голосов
/ 29 октября 2010

http://jsfiddle.net/UmZeZ/2/ имеет рабочий образец.

Урезанная версия, слегка переработанная для удобства чтения:

<div id="lolcats" style="background:url(image.jpg) 0 0 repeat-y;"></div>

<script>
$(function(){
    var startLoc = 0;
    var currentLoc = 0;
    $('#lolcats').mousedown(function(e){
        startLoc = e.pageY;
        $(this).bind('mousemove', function(e){
            startLoc = startLoc - event.pageY;
            location = $(this).css("background-position-y");
            currentLoc = parseInt(location.replace("px", "")) - startLoc;
            $(this).css("background-position-y", currentLoc + "px");
            startLoc = currentLoc;
        });
    });
    $('body').mouseup(function(e){
        $('#lolcats').unbind('mousemove');
    });
});
</script>

Наслаждайтесь:)

0 голосов
/ 10 сентября 2010

Здесь вы можете найти множество плагинов для jquery.http://www.jqueryplugins.com/

...