- This topic has 9 replies, 2 voices, and was last updated 3 years, 8 months ago by David.
August 14, 2017 at 8:54 am #365738DavidStaffCustomer SupportAugust 14, 2017 at 9:37 am #365767TomLead DeveloperLead DeveloperAugust 14, 2017 at 9:47 am #365768DavidStaffCustomer SupportAugust 14, 2017 at 9:58 am #365771DavidStaffCustomer Support
As it goes Tom, you may have another idea.
I want to create the Zoom on hover affect with the section background image.
Current method is to put the child element with background image in a parent container (Section inner container) with no overflow. And then hover on parent scales the child. (which cant be done with the section container background image).
Without using JS is there another way to do this?August 14, 2017 at 11:47 pm #366105TomLead DeveloperLead DeveloperAugust 15, 2017 at 7:31 am #366357DavidStaffCustomer Support
This is one of my current working examples, this is a little more complex as it has a ‘button’ over the top of the image. This is all written into the section.
Elsewhere i am working on putting the background image into the
generate-sections-inside-containerthen set the
:hoverproperties on the
generate-sections-containerto create the zoom effect.
This works fine. But it still requires CSS to apply the background image. I suppose what i’m really looking for is to have an option within the section settings to place the background within the inside container. That way someone else could easily add background images to get these types of effect.August 15, 2017 at 11:34 pm #366975TomLead DeveloperLead Developer
Hmm, there’s no way to change where the image is applied to currently, but I’ll take a look at the code to see if I can do something about that for a future version 🙂August 18, 2017 at 5:05 pm #369015DavidStaffCustomer Support
Hi Tom / Leo
seeing as your not busy…….
I found this stackoveflow article relating to copying a background image from one div to another.
Unfortunately my experience with JS is pretty sparse. Any ideas on whether this could be used to copy the Section background image into the inside-container?
thoughts appreciated.August 18, 2017 at 11:22 pm #369119TomLead DeveloperLead Developer
You could definitely try it – I would look at jQuery though, as it’s a lot more beginner friendly than vanilla JS 🙂August 19, 2017 at 3:20 am #369194DavidStaffCustomer Support
- You must be logged in to reply to this topic.