Conversation
supportIs it possible to make it so that the image inside the device can auto scroll on hover? I’ve seen this affect on Theme Forest and other theme developer demos. I’ve been trying to make it happen, but so far it’s breaking out of the device at the top by about 50 – 75 px or so. I just cant figure it out – lol. Thanks!
@housebg up vote for this q! – I am curious as well. it’s a nice effect, with a bit of luck we’ll come across a solution. cheers This reply was modified 9 years, 3 months ago by paradoxbox .
Me too. I’ve been searching for months trying to find the same solution housebg has been looking for. The closest I’ve found is using the combination of this plugin and one found on CodeCanyon: https://intenseplugin.com/shortcodes/device-mockups-shortcode/ Take a look at the sample at the top of the page. The image scrolls with easing when you hover over the iPad. This is almost exactly what I need, but I need it to scroll for all the devices. The desktop, tablet and vertical iPhone. Thank you!
Paul, Did you find out if this works with all the devices? Scroll on hover is what I’m looking for too. Reason being that some users might not realize the image is dynamic unless it moves on hover. Thanks!
I found this just now. http://jsfiddle.net/P8XBG/ I haven’t tried it but it looks like it might do the trick
This one looks better. Uses only css http://stackoverflow.com/questions/31560462/what-is-this-jquery-on-mouse-over-scroll-the-image-plugin
Hey guys, Sorry for the late response. This is something I’m planning to add I just haven’t had much time to dedicate lately. You can subscribe to this issue on Github for any follow-ups.
Hey all, I was working to implement this but it’s going to be difficult with so many variables (image height/width, speed of scroll, etc) If someone has a better idea of how to do it, just let me know but I’m going to close this thread for now.
@housebg up vote for this q! – I am curious as well. it’s a nice effect, with a bit of luck we’ll come across a solution. cheers This reply was modified 9 years, 3 months ago by paradoxbox .
Me too. I’ve been searching for months trying to find the same solution housebg has been looking for. The closest I’ve found is using the combination of this plugin and one found on CodeCanyon: https://intenseplugin.com/shortcodes/device-mockups-shortcode/ Take a look at the sample at the top of the page. The image scrolls with easing when you hover over the iPad. This is almost exactly what I need, but I need it to scroll for all the devices. The desktop, tablet and vertical iPhone. Thank you!
Paul, Did you find out if this works with all the devices? Scroll on hover is what I’m looking for too. Reason being that some users might not realize the image is dynamic unless it moves on hover. Thanks!
I found this just now. http://jsfiddle.net/P8XBG/ I haven’t tried it but it looks like it might do the trick
This one looks better. Uses only css http://stackoverflow.com/questions/31560462/what-is-this-jquery-on-mouse-over-scroll-the-image-plugin
Hey guys, Sorry for the late response. This is something I’m planning to add I just haven’t had much time to dedicate lately. You can subscribe to this issue on Github for any follow-ups.
Hey all, I was working to implement this but it’s going to be difficult with so many variables (image height/width, speed of scroll, etc) If someone has a better idea of how to do it, just let me know but I’m going to close this thread for now.