Personnalisation de l'INTERFACE utilisateur de jQuery Curseur hauteur & largeur

Lors de la personnalisation de la hauteur/largeur de l'INTERFACE utilisateur de jQuery Slider (et gérer), la poignée s'maintenant, faites glisser trop à gauche (hors du curseur). Est-il recommandé d'aller à ce sujet?

Ici un violon pour vous montrer ce que je veux dire: http://jsfiddle.net/w7A4k/

Je n'ai rien vu dans le La Documentation de l'API pour ça, et je suis en utilisant un très configuration de base:

$("#slider").slider({
    orientation: "horizontal",
    max: 100,
    min: 0
});

OriginalL'auteur lhan | 2013-11-22

  1. 15

    Essayer

    violon démo

    .ui-slider .ui-slider-handle {
    height: 15px;
    width: 5px;
    padding-left: 5px; //add this
}

    Mettre le curseur à l'intérieur de la barre d'ajouter padding-left: 5px;

    très agréable. Qui fonctionne!
    Bienvenue Heureux de vous aider 🙂
    Votre exemple va à gauche beaucoup plus que vers la droite (pour l'ensemble de la poignée de la largeur)

    OriginalL'auteur Tushar Gupta

  2. 0

    La taille de l'unité de JQuery UI Slider est dans em. Par conséquent curseur taille est proportionnelle à la taille de la police.

    • Modifier la taille de la police de slider div pour gérer curseur de HAUTEUR.
    • Changement de la largeur du conteneur de curseur pour gérer curseur de LARGEUR.

    OriginalL'auteur Rashid

  3. 0
    $(document).ready(function() {   
    function home_page_banner_height(selector) {   
        var wind_widht = $( window ).width();   
        var req_height = ( (banner_height / banner_width) * 100 );   
        //banner_height is height of item div of carousel and banner_width is width of item div of caousel 

        var calculate_height = (wind_widht / 100) * req_height;
        $('.v_center_con .v_center_inner').height(calculate_height);     
        $(selector).height(calculate_height);     
    }

    home_page_banner_height('.banner_con .item');     

    $(window).resize(function() {     
        home_page_banner_height('.banner_con .item');           
        //this function will make your slider responsive for all screen sizes
    });
});

    OriginalL'auteur Ahsan