15 replies [Last post]
egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

So, I've been searching for a solution to this problem for two days. I'm building the site in drupal. It is just a simple image list with very minimal css:

ul.imagemenu {width: 5000px; margin-top: 100px;}
.imagemenu li {float: left;}

It scrolls smoothy horizontally in both IE7 and Safari, but it jumps, jerks and looks wholly unprofessional in FF3. I've done a bunch of research, bu I can't figure it out!

There must be some CSS to scroll smoothly in FF?

Here is the site:
http://forhostingyo.x10hosting.com/drupal/

Any advice will be a huge help -
Thanks All!

egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

This seems like a very

This seems like a very fundamental and simple problem. Does nobody know why this happens or what can be done to override the problem?

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

I'm not exactly sure that

I'm not exactly sure that you're explaining yourself well enough to receive a response. I can't figure out what you mean from the link, maybe no one else can either.

egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

Okay, I'll try to clarify.

Okay, I'll try to clarify. When you drag the bottom scrollbar from left to right, the images do not move smoothly with the page in Firefox (yet look fine in IE7 and Safari). They jerk and vibrate rather violently. It is this that I wish to remedy.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I don't know 100%, but I

I don't know 100%, but I think you'll probably have to recode Firefox to make better use of memory and graphics.
I could be wrong, but I think this is a browser specific issue.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

Thanks Deuce, I think it must

Thanks Deuce, I think it must be something with FF.

I began by implementing this, which as you can see, scrolls smoothly in IE7 and Safari, but looks jumpy in FF:
http://flowplayer.org/tools/demos/scrollable/gallery.html

So, I've boiled down the problem to just this:
http://forhostingyo.x10hosting.com/drupal/

But why would jquery release a scroller that looks terrible in FF? Am I missing something? Is there anything that can be done, or should I just scrap it all and use flash for a slider?
Thanks

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 6 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

FF3.0 Ubuntu

http://flowplayer.org/tools/demos/scrollable/gallery.html not jumping for me on FF3.0 on Ubuntu.

It does say something about jumping in the text.

Loading of the images onclick sure took a day and a half : (

Lemme check your page...
I don't get any jumping in my FF here either. However the scrollbar is very sensitive, I believe because of the large width of the box (small movements of the scrollbar cover large amounts of screen).

Possibly this is a browser combined with computing power problem here? FF can be a hog, but my system does okay with it.

I'm no expert, but I fake one on teh Internets

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

egggsaplenty wrote: Okay,

egggsaplenty wrote:

Okay, I'll try to clarify. When you drag the bottom scrollbar from left to right, the images do not move smoothly with the page in Firefox (yet look fine in IE7 and Safari). They jerk and vibrate rather violently. It is this that I wish to remedy.

I can't duplicate the issue. Maybe try cleaning the little ball inside of your mouse?

egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

Thanks, Let me frame the

Thanks,

Let me frame the question this way.

How does mac do it in this slider:
http://www.apple.com/mac/

Because really, this is what I'm trying to do, but the horizontal scroll looks terrible. I know this is javascript, but is there someway to achieve this smoothness in css?

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

egggsaplenty wrote: ... I

egggsaplenty wrote:

... I know this is javascript, but is there someway to achieve this smoothness in css?

Maybe jQuery. I know the easing plugin has all sorts of smoothing effects but I've never used it with anything other than the cycle plugin.

egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

Right - I actually started

Right - I actually started with jquery. With this scroller in FF, it goes pretty fast and you can't see any problem, but if you click a slider image, it will move more slowly and you can see the jumpiness:

http://flowplayer.org/tools/demos/scrollable/gallery.html

Now, in trying to isolate the problem I boiled it down to this, and sliding the bottom scroller causes the same jumpiness:

http://forhostingyo.x10hosting.com/drupal/

Still have no Idea - it all looks great in IE7 and safari, but horrible in FF3

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

Does it also happen on the

Does it also happen on the current version of FF? Have you tried it on a different computer. I don't see any jumpiness at all on FF3.0 or FF3.5 or any other browser.

When you say "bottom scroller" do you mean the horizontal scroll bar built into the browser window? I'm frustrated by this one.

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 6 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

off-topic

Quote:

Maybe try cleaning the little ball inside of your mouse?

Can you still get those? Balled mice are nicer to draw with, but I can't find them anywhere : (

I'm no expert, but I fake one on teh Internets

egggsaplenty
Offline
Regular
Portland, OR
Last seen: 10 years 4 weeks ago
Portland, OR
Timezone: GMT-8
Joined: 2009-02-11
Posts: 27
Points: 11

Thanks for the help

but, I've given up and replaced the slider with one that looks better, thanks to opacity. Still jerks though. Must be firefox, which incidentally, my high regards towards just dropped a notch.

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 8 years 6 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Or your machine

I couldn't get my FF to jump on any of those URLs either.

Firefox is a hog. But I think it's jumping for you and won't necessarily jump for others with a stronger faster harder better machine.

I'm no expert, but I fake one on teh Internets

harrierdh
Offline
Enthusiast
Colorado
Last seen: 9 years 51 weeks ago
Colorado
Timezone: GMT-7
Joined: 2009-07-30
Posts: 83
Points: 20

It scrolls smoothly for me FF

It scrolls smoothly for me FF 3.5.4 and IE6. Could it be a memory issue?