-
Posts
-
I would like the image to change into a different image when i hover above it.
I would like to use this method.
<img onmouseover="this.src='path-to-mouse-over-image';" onmouseout="this.src='path-to-normal-image';" src="path-to-normal-image" alt="what-ever-you-like" />The strange thing is that it workes in edit mode, but not in preview mode. What am I doing wrong?
But please think of it if the sprite method is an option to do it – it is used for a long time and has the advantage that the image is completely loaded before someone hovers the image.
Less http request is one reason for it. See here a nice Article about Sprites: https://css-tricks.com/css-sprites/
And here is a Sprite Generator if you are not familiar with photoshop. https://www.toptal.com/developers/css/sprite-generatorHi,
I couldn’t find the image you are trying to use the hover effect on. Can you add a screenshot of it?Best regards,
MikeI am sorry. I removed it when I tried to do the sprite thing. I have now added both sprite version, and html version.
Sprite version works, but my problem here is that its not responsive. Same problem with html version. It flips in edit mode, but not on live site.
- You must be logged in to reply to this topic.