So if i understand correct: the images should be made responsive / converted to webp by ochResponsiveImages. Additionally a 'onClick' event should be added to the images that, on click, would open the largest version of the image in a popup window.
If correct > this is currently not part of ochResponsiveImages as, as the name of the plugin says, it is designed to make images responsive 'as is', not to add additional functionality that has (imo) nothing to do with 'responsive'.
Although this could be build into the plugin, question then is (for me as a developer) how would the popup image need to be displayed. There are a lot of 'frameworks' out there (light box being one of the many) to display a popup image. For me this is important as I want the plugin the be not only build for one customer, but to 'fit' the most possible.
Sorry for the delay in replying, I guess I didn't subscribe for notifications.
Yes, you are understanding correctly.
I used the term "light-box" generically - it sounds so much friendlier than pop-up.
The only image popup I use is JCE-MediaBox which comes with JCE editor:
JCE MediaBox Displays media (images, flash, youtube, quicktime etc.) in a customizable inline popup. Includes a tooltip function. CREDITS: Based on and inspired by... TinyMCE by Moxiecode - tinymce.moxiecode.com Light theme inspired by...
As a new feature such a popup only needs a few basic settings and some CSS that could be customized. For the basic settings I could see:
- Popup width size as percentage
- Border thickness
- Border color
- Page shaded in background (yes/no)
The image being clicked on could have a magnifying glass in the lower corner to show it is expandable and the popup would need an "x" to close it.
Not being a developer I don't have any insight into whether going with an existing popup is better or having your own.
no problem, will ping you on twitter as well just to make sure you get the notification
The one you are describing is what JCE Mediabox looks like, for me that looks a bit 'outdated'. I have found this one myself that could be implemented: biati-digital.github.io/glightbox/
ochResponsiveimages could also be setup to add the class name to the images it handles on the page.
This would then be an additional feature to ochResponsiveImages making it a completer toolkit and givig you as site developer some powerful image handling options.
Holidays are spent in 'low maintenance mode' so will not be releasing a popular plugin with the risk of spending my free time behind the laptop
While in holiday mode I'll ponder on how to implement this and if there are other cool things that we could do.
And thanks again for thinking along, really appreciate it!
as discussed briefly this morning (night). I will not be implementing the popup as part of the ochResponsiveImages.
I will be creating a new plugin / module that will be built on this script and will integrate with ochResponsiveImages.