[rz] Image Caption *** UPD 2019-Oct-25 ***

[[RZ]]

[rz] Image Caption v1.0.2

This lightweight extension gets the 'title' and 'alt' properties of an image and converts them into modern and high customizable captions.

Some features:

- Selectable background color and opacity level for the box.
- Different styles for the title and the text for the caption box.
- Custom margin, padding and space for the caption box.
- Full-width and auto-width variants.
- Always and onhover modes for the caption box.
- Multiple images in the same instance, useful when they share the same settings.
- Multiple instance.
- Extreme lightweight, maximum backward and cross-browser compatibility.
- No jQuery needed.

...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


* New in version 1.0.2

- Improved support for fluid scenarios like in layout grids.
- Minor code tweaks.

* New in version 1.0.1

- Inner border for the background box.
- Radius for the background box.


How to use?

1. Design your page with images as you usually do.
2. Set the title and alternative text properties in the image properties dialog box.
3. Drag and drop this extension and enter the image/s name/s.
4. Optionally, you can setup additional properties such as margins, padding, sizes, colors and more.
5. Preview or publish.

Enjoy!

[zinc]

Great ext. Thank you!!!!

[[RZ]]

thank you for your feedback!

[[RZ]]

* New in version 1.0.1

- Inner border for the background box.
- Radius for the background box.

[basstuuk]

Kan je deze extension ook met een layout-grid gebruiken

[[RZ]]

it works with images...
hence the image is layout grid dependant (in case you put it in a layout grid) and not the extension itself

[basstuuk]

So the answer is no.
Text is outside of photo.

[[RZ]]

the answer is yes
if you need further support:
- please contact privately
- please write in english
w/regards

[basstuuk]

Hello;
The caption is placed over the image; both image and caption are contained in its holder.
The holder can be the usual absolute positioned and fixed sized div like a standard image, or a relative positioned and sized div when the image is contained within a layout grid.
When you use an absolute and fixed div, the image is resized within its container.
When you use an image within a layout grid, that image not always covers its container, hence it seems the caption "overflows" the image; however, all is correctly positioned within its holder/container.
To workaround this apparent issue, you can put the image (with the caption extension) in a masterpage and then embed the masterpage within the layout grid.

This is mij answer

I don't think it would be very useful to work with the extension like this.
If it is possible I will wait for an update
greeting

this is the answer from rz


This is the way html works.
We will investigate the case to make possible even impossible things
Regards,

[[RZ]]

what is your purpose!?

[basstuuk]

Do not need an update anymore in the new version 15 is a card that does the same as your extension only works well.
Greeting

[[RZ]]

of course my extension works well
totally different approaches for pretty different purposes!
fortunately many others appreciate my hard work

[[RZ]]

* New in version 1.0.2

- Improved support for fluid scenarios like in layout grids.
- Minor code tweaks.