Viewing How to zoom in or out image thumbnails when mouse over?
How to zoom in or out image thumbnails when mouse over?
|
User: Yen Chieh W. 7 years ago
|
|
|
I want to create a responsive website, and I found it a good example as the link below. https://ony.ru Scroll down and there are several image thumbnails that have mouse over zoom out effect, does anyone know how to achieve similar effects with corresponding add-on? Thanks. Last edit 7 years ago |
|
|
User: Roddy 7 years ago
|
|
|
Here's a demo of using CSS transitions to create the hover effect. Since hovers won't work when the page is viewed on an iPad or iPhone, media queries are used to show the overlay on these devices. The number images per row should be reduced too for narrrower devices. Reduce the browser width to see the effect. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Yen Chieh W. 7 years ago
|
|
| Thank you! I see the http://everwebwidgets.com/ is the new site for the widgets, but there isn't a buy option. Do I need to go back to http://everwebcodebox.com to purchase the widgets? Or do you plan to release new widgets bundles in the near future? | |
|
User: Roddy 7 years ago
|
|
|
The demo is not a widget. It is created using code. You could create the image grid in EverWeb using code injection although the HTML Snippet widget would need a little modification. Responsive items need special consideration and really need to have a built in footer. See THIS page for more ifno. The EverWeb Widgets site still needs some work and I still have to decide on the distribution method. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 7 years ago
|
|
|
Here's an example of the hover overlay effect using a widget. Note that the widget has options for adding text and a footer so that it can create a fully responsive page when used with a suitable header widget. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Vishal D. 7 years ago
|
|
|
Hi Every one I am vishal kumar but I have nothing any answer about the How to zoom in or out image thumbnails when mouse over. TOP 5 INTERACTIVE SOCIAL MEDIA MARKETING TOOLS/ |
|
| Post Reply |
| You must login or signup to post. |