But that is the way the effect works normally. Do you have any elements inserted within the track besides the thumb? There should only be the track and the thumb as bare elements. Any extra styling must be added through CSS, not by adding drawn elements to the page. Note that it works the way you describe here:
The thumb can be an image, if you want it to be fancy, and the track can be styled with a background image if you want it to have some 3D depth. My example is two boring flat color DIVs, but that’s just the beginning.
Indeed that did it I had added a “color effect background” with 60% opacity to the track. Once I took that of it works like charm.
That page (and several other) on the site still loads extremely slow. I think there are similar conflicts there. It is just hard ton know where to start looking, when I have so many actions, rollovers and semi transparencies. Any suggestions?
I am learning lots and I am very grateful for your help.
THANK YOU!
For sake of comparison, I just checked a few moments ago, and the following URL loads in 4 seconds on my iMac i7 over a 100Mb/s fiber internet connection. Is it really 10MB?
I see the “Develop” menu in my Safari menubar. I then went to Develop > Show Web Inspector. I then clicked the Resources button, and I clicked the “Enable resource tracking” button (for “this session” only). The tracker took 14.59s to load the page, in comparison with the 4 seconds it normally takes. I then clicked on the “Size” comment in the sidebar and it says “241KB Total.” So I do not know where you folks are getting this 10MB size, unless the author of this web page changed the file sizes very recently.
Sorry for getting off topic. I am just trying to make sense of it all.
Thanks for all the suggestions (the author here). I am trying to understand where all the weight comes from. Images, though there are quite a few, are only 25-35 Kb/a piece. On the page in question, http://www.biscaya.com/begmc.html
they still only account for 40% of the file size.
I use a lot of fading slide shows and show hidden layers. Can they really be that heavy?
As I have observed how the page loads on various machines and platforms, it seems to be a bit erratic. (I did find one conflict in the scroll bar, and it has improved). I wonder if there could be certain actions that don’t work well together?
I have another heavy page on the same site: http://www.biscaya.com/ducati.html
DeltaDave, I just tried your method, but that accomplishes the exact same thing I reported in my previous post above. There is no 10MB of data on this web page!:
I might be the source of your confusion!
I have been working on the site yesterday, and rebuilt the pages completely. Looks and behaves the same way – but they are considerably lighter now.
(I discovered that the semi transparent backgrounds were even heavier than the photos I was using!)
Ok, I’ve bin through this several times and I can get the slider to work correctly, however the "inner’ wide scroll DIV does not scroll as I move the thumb (slider controller)?
Your inner div needs to have the ID ‘innerDiv’ not ‘inner’.
Walter
On Jul 14, 2010, at 11:02 AM, Mr worm wrote:
Ok, I’ve bin through this several times and I can get the slider to
work correctly, however the "inner’ wide scroll DIV does not scroll
as I move the thumb (slider controller)?
But I miss a few things that I should also build in and no idea how:
In your sliders, mouse cursor changes to the hand (or pointing finger). In mine not. Äh why?
You talked about event scrolling (smooth, scroll to). What’s the trick behind and could it be implemented too?
The most problems I see is in the “Touch Technologie” and it’s fizzling kind of use the slider. The target audience will be some Art-Directors of the world (Film and Advertising), so I think, they’ll use it extended as I apprehend.
Apple page “turns” its design from slider to arrows (forward and backward) if it is an iPhone or Touch or whatever. Now I think this is pretty much complicated to achieve. But is there a way to make something between, like the prev and next in the carousel, so user can finally decide the way he wants to scroll the gallery?
I made an example of a click-to-smooth-scroll effect here: Endless Scroll
This was an extension of the endless scroll effect: Endless Scroll
so it doesn’t use the Freeway Actions at all. But it does show that
the effect can be made to work, and in both directions.
Walter
On Sep 13, 2010, at 7:37 AM, Thomas Kimmich wrote:
But I miss a few things that I should also build in and no idea how:
In your sliders, mouse cursor changes to the hand (or pointing
finger). In mine not. Äh why?
You talked about event scrolling (smooth, scroll to). What’s the
trick behind and could it be implemented too?
The most problems I see is in the “Touch Technologie” and it’s
fizzling kind of use the slider. The target audience will be some
Art-Directors of the world (Film and Advertising), so I think,
they’ll use it extended as I apprehend.
Apple page “turns” its design from slider to arrows (forward and
backward) if it is an iPhone or Touch or whatever. Now I think this
is pretty much complicated to achieve. But is there a way to make
something between, like the prev and next in the carousel, so user
can finally decide the way he wants to scroll the gallery?