Slider problem [LÖST]

[adib_bin]

Jag har försökt göra den här slidern: http://jqueryui.com/demos/slider/#side-scroll

men jag skulle vilja göra handlern till en fast bredd. Hur ska jag göra det?

 

här är koden iaf...

    
function sizeScrollbar() {
   var remainder = scrollContent.width() - scrollPane.width();
   var proportion = remainder / scrollContent.width();
   var handleSize = scrollPane.width() - ( proportion * scrollPane.width() );
   scrollbar.find( ".ui-slider-handle" ).css({
   width: handleSize,
   "margin-left": -handleSize / 2
   });
   handleHelper.width( "" ).width( scrollbar.width() - handleSize );

 

Deussutom har jag flera sliders på en och samma sida. Första slider funkar bra men de andra funkar inte så bra. Efter ha scrollat igenom bilderna fortsätter den att scrolla så man ser bakrundsfärgen bara.

 

 

 

<div id="sliderTab1"> <!--- RETOUCH  ---->
           <div class="scroll-pane">
               <div class="scroll-content">
                   <?php include("designRetouch.php")?>
               </div>
               <div class="scroll-bar-wrap">
                   <div class="scroll-bar"></div>
               </div>
           </div>    
       </div> 
       <div id="sliderTab2" class="sliderTab"> <!--- ART DESIGN ---->
           <div class="scroll-pane">
               <div class="scroll-content">
                <?php include("designArtDesign.php")?>
               </div>
               <div class="scroll-bar-wrap">
                <div class="scroll-bar"></div>
               </div>
           </div>    
   </div>

och samma kod några gånger till

 

jQuery;

 

    $(document).ready(function(){
   $("#tab1").click(function(){
   $('li[id^="tab"]').removeClass('current');
   $("#tab1").addClass('current');
   $('div[id^="sliderTab"]').hide();
   $('#sliderTab1').slideToggle('slow');
   });
   $("#tab2").click(function(){
   $('li[id^="tab"]').removeClass('current');
   $("#tab2").addClass('current');
   $('div[id^="sliderTab"]').hide();
   $('#sliderTab2').slideToggle('slow');
   });

 

om det är lättare att se problemet live så är det här [hemsidan

[Jonas__B]

hmm, inget verkar fungera ju. på vilken sida ska slidern vara på?

 

kan du inte bara skriva:

var handleSize = 100;

 

för att få den till 100px ?

[adib_bin]

hmm, inget verkar fungera ju. på vilken sida ska slidern vara på?

 

kan du inte bara skriva:

var handleSize = 100;

 

för att få den till 100px ?

 

scrollen slutar fungera då. Den blir jätte konstig då...

[Jonas__B]

jag fick den inte att fungera alls för den delen.

[adib_bin]

jag fick den inte att fungera alls för den delen.

 

haha vänta nu gick det, satte handleSize till 100

var cacheminnet som spökade typ

 

men nu fattas ju bara det där med bredden,

men jag ändrar ingenting nu så du får se...

[Jonas__B]

kanske för att den sätter alla sliders till samma bredd.

Måste du ha alla sliders på samma sida så där, det blir ju en hel del för användaren att ladda in på en gång, vilket känns rätt onödigt.

[adib_bin]

kanske för att den sätter alla sliders till samma bredd.

Måste du ha alla sliders på samma sida så där, det blir ju en hel del för användaren att ladda in på en gång, vilket känns rätt onödigt.

 

hur annars ska jag få den fina effekten att sliden glider ner?

[Jonas__B]

Den effekten får du väl inte på första slidern när sidan öppnas, eller?

 

Är den effekten viktigare än att sidan laddar in snabbt eller att du får fixat scrollerproblemet?

 

Du har lite onödig kod ser jag också, som går att optimera en del.

Jag tror väl att du kan fixa "bakgrundsproblemet" om man fixar lite med initieringen av sliderna så att de blir mer "egna". De laddas kanske in mer generellt nu vilket gör att samma bredd sätts på alla gallerier.

[adib_bin]

Den effekten får du väl inte på första slidern när sidan öppnas, eller?

 

Är den effekten viktigare än att sidan laddar in snabbt eller att du får fixat scrollerproblemet?

 

Du har lite onödig kod ser jag också, som går att optimera en del.

Jag tror väl att du kan fixa "bakgrundsproblemet" om man fixar lite med initieringen av sliderna så att de blir mer "egna". De laddas kanske in mer generellt nu vilket gör att samma bredd sätts på alla gallerier.

 

Jag har löst det, de har enskilda bredd storlekar, och varsin sida för varja slider och har effekten som jag vill ha.