Zoom Image Inside a Content Block

Permalink
I want either all of my site's images to zoom - within a content block or at least have a custom template that I can pick to make certain content blocks have a zoom image.


I know that there are add on's that do this, but they must be in their own block. I want this to be a part of a content block. Where you might have some text and an image within it. I want the user to be able to click on the image and make it larger.

It does not need to be a pop up gallery (that would be nice too), but even a straight forward zoom image within a content block would be great.

Does this exist anywhere?

Any ideas??

globalnerds
 
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
You're in luck! I happen to be working on an addon that does exactly this! It's currently in the PRB (there's still a few bugs to work out), but you can see a live demo of it here:

http://c5.gclocal.net/add-ons/zoompan...

Let me know what you think.
globalnerds replied on at Permalink Reply
globalnerds
This would not be a separate block, but something that could either be added as a template to a content block or something that can be a site wide setting?
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
Currently "Zoompan Gallery" is a standalone block (includes a responsive custom template). However, it wouldn't be an issue to add a custom template for content blocks. Although, this would mean adding a custom class via HTML to an image tag.

Because this will likely be in the PRB for a while yet, I could custom-build you the custom template for $60 so you don't have to wait. If interested, private message me.
Adreco replied on at Permalink Reply
Adreco
Within your content box: Add image (edit to size for content) > Select image and > choose hyperlink > select "Pop-up" tab > tic Javascript popup > add url of image you added (found in properties of image in file manager) > Save

No add-on needed :)

Adrian
aleamio replied on at Permalink Reply
how to limit display size of the zoomed image. I have an image 3000px wide and to limit the display to 800px only. how to do this without the need upload another copy at 800px wide.
shahroq replied on at Permalink Reply
shahroq
You can easily integrate a jquery zoom plugin (use the free one exist in marketplace) into core image block. just create a new template for it, and include the jquery plugin into it. With just minor tweaking you will get what u want.