Adding a Zoom + Close icon

[vilav]

Hi,

Neat plugin, Is there a way to add a (+) or zoom-in plugin to indicate to the user that the image can be zoomed / enlarged? Similarly what's the best way to add a close button in the enlarged view?

Thanks
Vilav

[vilav]

@fat any ideas on how to add this? Thanks!

[spinningarrow]

For indicating to the user that the image can be enlarged, do you not see the "zoom" mouse cursor when you hover over it? Or do you mean something more obvious (I suppose the cursor is no good on mobile for instance).

[spinningarrow]

If it's the latter, you should be able to do this via CSS. An ugly but working example is: http://codepen.io/spinningarrow/pen/xZJxOb.

[scofield7]

@spinningarrow - i tried something simliar to your example and ran into another issue:
Additionally I added a click option to the new +icon: the zoom opens, but i doesn't close anymore and i don't understand why!?

$('body').on('click', '.icon', function (event) {
$(this).prev('[data-action="zoom"]').trigger("click");
});

[williams-young]

is there any set to close the full screen display ?