Streaming live at 10am (PST)

Is there anyway to make a lighbox image pop up "on hover over"?


#1

HI all,

Is there anyway to make a lighbox image pop up "on hover over"?


#2

Using interactions in Webflow or using a javascript? Both are possible I believe, but javascript gives me always more flexibility ;) What exactly do you need?


#3

He doesn't want to click wink

Ninja's back!


#4

Ya i dont want to click the image i want to hover over on it and have the image pop up like a light box image

Id rather not use javascript - is there any other way?


#5

Yes, interactions. Basically design the state of your popup image, make it disappear display:none and/or opacity:0 and add an interaction to the thumbnail with a onHover trigger. Check the second page of the tutorials for interactions tutorials.


#6

Share the link to your website and share the public link as well. Describe what you need on the example from your website and we'll see what we can do :)

Interactions might do the trick but not entirely. Javascript could help having it very dynamic ;)


#7

Ok I would like exactly this... but on hover over not on click

http://matt-test-march2015.webflow.io/lightboxhover


#8

Maybe this will work. I didn't test it anyhow. Put it in custom code in before </body>.

<script>
$(document).ready(function() {
	$('w-lightbox').hover(function() {
		$(this).trigger('tap');
	}, function() {
		$('body').trigger('tap');
	});
});
</script>

#9

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.