Lightbox Caption

[bench1254]

Is there a way to add additional comment/captions under the lightbox? In the bottom frame once the image has popped up?

I have used the image content part and assigned all the captions for the thumbnails themselves. When I click the image and a the lightbox displays, I would like to add some more information under the pic without it showing up on the main content part display.

Any thoughts?

[flip-flop]

At this time only GALLERYX can solve your problem.
Or you can use the cp image <div> and write a very spezial cp trigger script. -> http://forum.phpwcms.org/viewtopic.php?p=107107#p107107

Knut

[jsw_nz]

Hi Knut,

Just a quick question - since you are the one best keeping track of issues and discussions on the forum - I have a need to extend the captions feature of slimbox popup - has there been any discussion about (hack) to wcms code to allow <b><br><p>...et al. inside the captions - as far as my usage goes - my interest is in hiding the caption - and then on slimbox popup - the caption shows - any ideas or pointers?

BTW the GalleryX stuff you have put together is really awesome - !

cheers
-j-

[Oliver Georgi]

Caption has title option which is needed to show caption in lightbox.

The rule is: Normal caption | ALT Text | Image URL [target] | Title Text

So try:
|||Hi I am a title, mean lightbox caption

but this is overkill

At this time only GALLERYX can solve your problem.
Or you can use the cp image <div> and write a very spezial cp trigger script. -> http://forum.phpwcms.org/viewtopic.php?p=107107#p107107

Knut

[jsw_nz]

OK - thanks for refreshing my memory - yes - the caption text is 'hidden' (hide caption option) inside the title attribute
- not much sense injecting html inside it

- i noticed that any illegal characters (html) are stripped out when saving captions
- which makes sense to keep everything legal
- no sense to break the rules

[Oliver Georgi]

For simple styling use bbcode and so on. Should also possible to use [br]. The problem - title (hover with mouse) with such might not look nice.

[jsw_nz]

Excellent - thanks for refreshing my memory noch einmal
- in my case works like a charm

Seems the three that work perfectly are b, u, i

Then in slimbox css - can assign attributes - in my case:

Code: Select all

#lbCaption strong {
	font-weight:bold;
	font-size:14px ! IMPORTANT;
	margin-bottom:8px ! IMPORTANT;
}

#lbCaption u {
	text-decoration: none;
	font-size:12px ! IMPORTANT;
	margin-top:8px ! IMPORTANT;
	display:block ! IMPORTANT;
}

#lbCaption i {
	font-size:11px ! IMPORTANT;
	display:block ! IMPORTANT;
}

So a considerable amount of flexibility - using such a stratagy
Popup captions look more like an html page ! u is used like a paragraph tag, etc

- Thanks once again -

[jsw_nz]

I have another question - related to this....

Seems:
Thumbnail {THUMB_NAME}
Relative {THUMB_REL}
Absolute {THUMB_ABS}
WxH {THUMB_WIDTH}px x {THUMB_HEIGHT}px

is only available for CP Teaser
So it is NOT available for images<div> or text w/image CP's etc.

I have a case where it would be nice to use the width {THUMB_WIDTH} of the
lighbox thumbnail to control other parameters of widths of divs that hold text

I guess this is not possible.
Correct me if I am wrong.

UPDATE: I AM WRONG
{THUMB_WIDTH} IS Available INSIDE
<!--IMAGES_ENTRY_START//-->
<!--IMAGES_ENTRY_END//-->
tags - cool

[Oliver Georgi]

it is

for images <div> and images <special>

[jsw_nz]

Hi Oliver - WOW -

I just discovered it - and was posting an update
and in the menatime - you replied (within minutes/seconds of my post)

BIG THANKS for being so generous with your valuable time

[Oliver Georgi]

Yeah, I am in a happy mood after seeing the 80ies documentation (music related) on www.arte.tv while working on a long-term project. I am so impressed (and emptied a bottle of good red wine alone alone )!

[jsw_nz]

Cheers Oliver

Yes, noticed you posted in the wee hours (12am) ....

one other question - just a clarification
seems the the {THUMB_WIDTH} etc is primarily for text output.

For the time being i tried:
<div class="clickToEnlarge" style="float:right; width:{THUMB_WIDTH};">

this div is INSIDE the
<!--IMAGES_ENTRY_START//--> .........
<!--IMAGES_ENTRY_END//-->
tags

seems not to work - apparently the REP TAG cannot be used to inject local style rules
is primarily for text output.
I have managed a workaround - just running this past you..

cheers
-j-

[Oliver Georgi]

add px - {THUMB_WIDTH}px

[jsw_nz]

EXCELLENT!