Permlink Replies: 4 - Pages: 1 - Last Post: 26 Nov 23, 02:51 Last Post By: btredez Threads: [ Previous | Next ]
btredez

Posts: 10
Registered: 21-Dec-2012
Behavior of captions on thumbnails
Posted: 25 Nov 23, 15:38
  Click to reply to this thread Reply
I've been using the Turtle skin for a long time and I'm starting to upgrade to Tiger but I have some problems with the settings.
On the album thumbnail page, with setting Sections/Folders/ Place captions above, the caption has no link and it is disruptive for the visitor to click, especially if the caption takes up a lot of space on the thumbnail. To make this page http://bruno.tredez.com/index.html work the way I want it to, I had to modify it by moving <div class="caption" and "comment"> into <a class="thumb" >.
For sub-albums I use the Turtle option: Location of thumbnails "As tooltip", but in Tiger there is only "Above" (with the previous problem) or "Below".
Laza

Posts: 1,738
Registered: 6-Sep-2005
Re: Behavior of captions on thumbnails
Posted: 25 Nov 23, 18:12   in response to: btredez in response to: btredez
  Click to reply to this thread Reply
The 3 options the skin offers: "Over", "Below" and "Beside". I don't really see what is your problem. Naturally, when you place the thumbnail caption "Over" that works only with small captions. Large captions might cover most of the folder thumbnail. That's why 3 different options are offered.

Moving the caption inside a <a class="thumb"> container is a funny move. Why would you place the caption inside an element styled for the thumbnail? There's no guarantee, the code will work with this modification. No one expects that. The Title - in the <h3> tag - is linked to the subfolder. The comment isn't, because that can contain HTML formatting, and adding a link around a complex HTML is not allowed.
JeffTucker

Posts: 8,082
Registered: 31-Jan-2006
Re: Behavior of captions on thumbnails
Posted: 25 Nov 23, 19:19   in response to: Laza in response to: Laza
  Click to reply to this thread Reply
I've wrestled with this one, and I now take a "location specific" approach to it.

If the caption is displayed over a thumbnail, the whole caption - title and comment/description - is an active link. On a folder thumbnail it opens the folder, and on an image thumbnail it opens the lightbox (or the slide page, in the case of a "slide page" skin). In short, the captions have the same anchors as the thumbnail images themselves.

To avoid collisions, I strip all HTML tags out of the user-entered title and comment/description when they're used in this context. This does mean that they lose things like embedded bold and italic tags as well as embedded anchor strings, but that's just too bad. ;)

For use elsewhere, like below a thumbnail or in the caption area of the lightbox, I leave the user-entered stuff alone.
JeffTucker

Posts: 8,082
Registered: 31-Jan-2006
Re: Behavior of captions on thumbnails
Posted: 25 Nov 23, 21:16   in response to: JeffTucker in response to: JeffTucker
  Click to reply to this thread Reply
Even with a clickable caption, I would stick to just the title, especially when the comment/description is purely redundant:

Paris / Paris et ses environs

Macro / Macrophotographies

Divers / Photos diverses

Most of those descriptions don't add any useful information, and they just obscure the thumbnail image.
btredez

Posts: 10
Registered: 21-Dec-2012
Re: Behavior of captions on thumbnails
Posted: 26 Nov 23, 02:50   in response to: btredez in response to: btredez
  Click to reply to this thread Reply
Good. Understood. Thanks.

Edited by: btredez on 26 Nov 2023, 02:51
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums