2012-04-03 6 views
6

So habe ich diese wirklich einfache Bild-Schieberegler diese Seite hier http://charlesbergertattoos.com/tattoos, die in IE und Firefox gut funktioniert. Die Animation ist wirklich glatt und die Bilder gleiten tatsächlich, aber in Chrom ist es überhaupt nicht glatt.mein jquery Bild-Schieberegler ist nicht glatt in Chrom, aber ist in Firefox und IE gut

+0

Es sieht so aus, als gäbe es in Chrome ein anderes Verhalten. Zuerst versucht es das Bild auszublenden und dann zu verschieben. In Firefox wird nur geblättert. – Diabolic

Antwort

5

weil auf Click-Ereignis Ihre slider_animate() Aufruf direkt Ihr nicht dein Plugin Aufruf

in Chrom, wenn Sie das tun, die slide_widths var ist 0, da Sie haben die Zuweisungslogik außerhalb der Ereignisfunktion definiert und ausgeführt, also ihre statische

Sie haben 2 Möglichkeiten diese Zeile in der Funktion setzen slider_animate

var slide_widths = $(e).find('.holder > li:first').width(); 
//correct the variables name accordingly 

oder rufen Sie sich das Plugin-Funktion, die keine imgSlider

0

Gut in den caraousel.js auf der Leitung ist. 32

versuchen, etwas auch auf den folgenden Code verwendet statt der vorliegenden ich die .animate bedeuten() aufrufen, ... sollte so etwas wie belebter sein ({margin: "233px"})

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginRight: "-233px"}); 

dies funktionieren wird als vorig

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginLeft: "233px"}) 

diese

als nächsten Klick funktionieren wird und diese Syntax arbeiten sowohl in chrome und Firefox ..

+0

hier 233px ist die Breite des Bildes ... so müssen wir schieben -/+ 233 px die Bild div..for links/rechts traverse –

Verwandte Themen