jquery slider mit variabler Breite Elemente

Question

ist es möglich, einen jquery Slider zu erstellen, in dem die Elemente variable Breite haben (d. H. Nicht alle Elemente haben die gleiche Breite)?

Wenn ja, wie mache ich das? Hannit

Answer 1

Um die Breite eines jQuery-Schiebereglers festzulegen, wickeln Sie ihn einfach mit CSS in ein div und style ein. Sie können die untergeordneten Elemente auch über CSS referenzieren, um diese ebenfalls zu formatieren. Dies muss jedoch mit jQuery geschehen, nachdem sie gerendert wurden.

Beispiel:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     //render the sliders 
     $(".oSlider").slider({ 
     value: 12, 
     min: 8, 
     max: 24, 
     step: 1 
     }); 
     //size each handle according to class 
     $(".narrow-handle .ui-slider-handle").css("width","10px"); 
     $(".wide-handle .ui-slider-handle").css("width","50px"); 
    }); 
</script> 
<style type="text/css"> 
    /* define a width for the sliders by styling the wrapping div */ 
    .oSliderContainer { width:100px; } 
    .oSliderContainer2 { width:200px; } 
</style> 

<div class="oSliderContainer"><div class="oSlider narrow-handle"></div></div> 
<div class="oSliderContainer2"><div class="oSlider wide-handle"></div></div> 

Ich hoffe, dass Ihre Frage beantwortet, viel Glück!

Answer 2

Haben Sie den Lemmon Slider ausprobiert?

http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php