When using e.g. three image side by side and zoom out by hover to a size that cover the other image, the order of the image don't follow the active hover focus.
Mening, when you hover over one image and move to next , in many cases the old image stay on top and cover part of the next image that zoom out.
Order of more than one image with...
Jeppe Kath
Registered User
4 posts
BIll G
Ambassador
444 posts
If you can, post your .rsd file or an example.
When you move your mouse, is it still on top of the enlarged image's new dimensions, or is it completely off?
When you move your mouse, is it still on top of the enlarged image's new dimensions, or is it completely off?
Jeppe Kath
Registered User
4 posts
I made a test page http://kanus.dk/test2
Tryed to attach test.RSD, but could'nt...??
I allso tested different browsers, seems it's only IE 11 that give the problem....
Thanks
Tryed to attach test.RSD, but could'nt...??
I allso tested different browsers, seems it's only IE 11 that give the problem....
Thanks
Inger
Senior Advisor
14,650 posts
Online Now
To me it looks like you need to have the enlarged image open in a somewhat lower position, so that you can hover over the next image without accidentally hit the one that is already open. As far as I understand, if you hover too close to the edge of an image, it will start 'shivering'. I can't think of any other solution than positioning the enlarged images a bit further down the page.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jeppe Kath
Registered User
4 posts
Yes Inger, ...as a work-arround...
Thanks
Thanks
BIll G
Ambassador
444 posts
I found this page, and there is no stuttering in Firebox as there is on your page. I would examine the code to see what the difference might me. At the bottom, Demo Example 1 looks well done.
http://www.journaldev.com/6689/css3-zoom-image-animation-effect-on-hover
If this does not work out, I would keep the transitions, and then later when the website is done, use animations. You might need to hand code it, that is why I say to keep that for last.
http://www.journaldev.com/6689/css3-zoom-image-animation-effect-on-hover
If this does not work out, I would keep the transitions, and then later when the website is done, use animations. You might need to hand code it, that is why I say to keep that for last.
Inger
Senior Advisor
14,650 posts
Online Now
I checked the page you linked to, Bill, and the first demo was pretty easy to incorporate into RSD. I'm working on something that can be saved and made a component out of, just hang on there, I'll be back soon....
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger
Senior Advisor
14,650 posts
Online Now
So, there:
https://dl.dropboxusercontent.com/u/109 … -hover.zip
If the dropbox code go all scrambled again, check my sharing folder, 2nd link in my signature.
https://dl.dropboxusercontent.com/u/109 … -hover.zip
If the dropbox code go all scrambled again, check my sharing folder, 2nd link in my signature.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jeppe Kath
Registered User
4 posts
Been looking at your RSD, Inger, Good job! Working fine on IE 11 as well.
( veldig god job du gjort, takk ) :-)
( veldig god job du gjort, takk ) :-)
Inger
Senior Advisor
14,650 posts
Online Now
Mange takk, Jeppe! 
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
