jsor / jcarousel

Riding carousels with jQuery.
https://sorgalla.com/jcarousel/
MIT License
1.99k stars 734 forks source link

Not working in chrome #330

Closed haggit closed 12 years ago

haggit commented 12 years ago

Here is the site: http://orandofer.tempurl.co.il/products/leaf It works perfect in IE, firefox, but not in google chrome...

0001 commented 12 years ago

its working as i seen it nice job by the way:) here is my web : www.gallstudio.com :)

haggit commented 12 years ago

Downgrading the jquery version from 1.4.4 to 1.4.2 has been solved the problem..

0001 commented 12 years ago

did u try with 1.7 ? .. i think now the jqery..

0001 commented 12 years ago

i think olways beter upgrade then downgrade:)

haggit commented 12 years ago

I'm working with Drupal 7, that support JQ 1.4.4. not sure JQ can upgrade..

0001 commented 12 years ago

sure u can :) http://code.google.com/apis/libraries/devguide.html#jquery give it a try.. but for similar project u have in hand i thing wordpress is a better choice then drupal way more simple backand for the and user.. and u can get some nice iCarousel plugins.. ;) just an idea maybe for next time..:)

haggit commented 12 years ago

http://www.chapterthree.com/blog/jennifer-lampton/wordpress-vs-drupal-saga-continues

0001 commented 12 years ago

http://drupal.org/node/1328900 found this..

haggit commented 12 years ago

Thanks!!!!! I'll check it..

0001 commented 12 years ago

:) i dont want to get into a holy war im sure drupal is great cms sure is better as cms then WordPress but if it comes to a simple site like your example or my website when u dont have 200 pages to manage and so on.... i think WordPress is a simpler and more user friendly approach specially if u build the site to someone who newer used a cms before.. i think for them WordPress learning curve is shorter:) that is all im saying:) :) hope no hard feelings just trying to help:)

haggit commented 12 years ago

Thanks for all. very appreciate your help..

0001 commented 12 years ago

no worry's :) treat others how u want others to treat u;) cheers

0001 commented 12 years ago

if u know anithing about this.. just let me know:) hahahha https://github.com/jsor/jcarousel/issues/331

mbutomax commented 12 years ago

I'm facing problems too with Chrome (17.0.963.56), but only in my Mac. Right now I'm trying to see if there is an upgrade. If I use Chrome under Windows I haven't any. Jcarousel: v. 0.2.8 (vertical: true) Jquery: v. 1.7.1 (cannot downgrade below 1.7) I'm using the boostrap HTML template from twitter (http://twitter.github.com/bootstrap/index.html), maybe the order I'm calling javascripts could be the problem?

andrewdelprete commented 12 years ago

Chrome works fine for me in version 17.0.963.56. However, it's does not workfor me on Chrome in Windows 7.

rowild commented 12 years ago

Having the same problem on Chrome Mac with jquery 1.7. As soon as the width in .jcarousel-skin-gallery .jcarousel-item is put to "auto", the pictures won't float anymore:

.jcarousel-skin-gallery .jcarousel-container { width:100%; height:273px; padding:0; margin:0; border: 3px solid red; }

.jcarousel-skin-gallery .jcarousel-container-horizontal {

} .jcarousel-skin-gallery .jcarousel-clip { width:100%; height:273px; padding:0; margin:0; border:3px solid blue; }

.jcarousel-skin-gallery .jcarousel-clip-horizontal {

}

.jcarousel-skin-gallery .jcarousel-item { padding:0; margin:0 5px 0 0; width: auto; <-- THIS ONE IS THE PROBLEM IN CHROME ONLY; <-- when set to a fixed px (eg 100px) everything works fine }

Am I doing something wrong? Any solutions to this?

Thanks! Regtards, Robert

rowild commented 12 years ago

I just realized that Chrome calculates a different width for the ul-element with the classes "jcarousel-list jcarousel-list-horizontal": the inspector says something like 820px, while Firebug on Firefox reports a value of over 1500px.

Strangely enough, after adding a min-width value to the li-elements, Chrome orders the images in rows - one row takes as many pictures as fit into the visible area of the browser, then the float continues in a second row etc. It is irrelevant whether the parent element has a overflow:hidden or not...

Chrome acts very strange...

zenoyu commented 11 years ago

There is a bug in the Chrome w jQuery 1.7, which make the left positioning shifted out, I had a patch of making a new function getLeft(), which using the parent container to calculate the offset value

getLeft: function() { // jQuery 1.7 Chrome left position value bug thisLeft = this.list.offset().left; thisTop = this.list.offset().top; thisParent = this.list.parent(); parentLeft = thisParent.offset().left; parentTop = thisParent.offset().top; return $jc.intval(thisLeft-parentLeft); },

And then replace all: $jc.intval(this.list.css(this.lt))

with calling this function:

this.getLeft()