Comment créer une souris, faites glisser le curseur pour les éléments HTML?

De nombreux curseur plugins que j'ai trouvé sont soit uniquement cliquez pour afficher l'image suivante ou, s'ils ne l'ont faites glisser la souris ou tactile, faites glisser les capacités, autoriser uniquement les images. Personne ne sait d'un plugin ou d'un possible moyen d'un code de la souris faites glisser le curseur pour tous les éléments html? Je suis plus particulièrement à l'aide d'une SVG, mais il serait agréable d'avoir quelque chose dans l'avenir pour les glisser entre les éléments div.

OriginalL'auteur John | 2013-06-10

  1. 16

    HTML:

    <div id="slider">
    <ul>
        <li style="background-color: #F00"></li>
        <li style="background-color: #0F0"></li>
        <li style="background-color: #00F"></li>
    </ul>
</div>

    CSS:

    #slider {
    width: 400px;
    overflow: hidden;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li {
    width: 400px;
    height: 400px;
    float: left;
}

    JS:

    $(function() {
    var slides = $('#slider ul').children().length;
    var slideWidth = $('#slider').width();
    var min = 0;
    var max = -((slides - 1) * slideWidth);

    $("#slider ul").width(slides*slideWidth).draggable({
        axis: 'x',
        drag: function (event, ui) {
        if (ui.position.left > min) ui.position.left = min;
            if (ui.position.left < max) ui.position.left = max;
        }
    });
});

    jsFiddle code

    Comment pourrais-je aller sur la mise en œuvre de l'arrêt à une diapositive caractéristique où l'on fait glisser sur la moitié de la voie et de le glisser sorte de s'enclenche en position.
    Ici vous pouvez trouver la nouvelle version, jsFiddle
    Je peux juste dire WOW. Bon travail de l'homme!

    OriginalL'auteur Shaddow