Opened 11 years ago

Closed 11 years ago

#1444 closed enhancement (wontfix)

Floating Figure with Legend or Figure with Caption (image descriptions; thumb variant)

Reported by: guest Owned by: gogo
Priority: normal Milestone:
Component: Xinha Core Version: trunk
Severity: minor Keywords: image description figure legend caption float thumb


In addition to regular image insert tools. It would be a nice enhancement to have the ability to insert floating (via CSS) blocks which contain an image and descriptive text; either as a Legend (allows for some basic formatting; links) or as a Caption (given a basic style that might allow for em and strong tags only.)

There should be a selector for float left, right, center.

A good place to start; as a reference; might be: (with emphasis on the legend vs caption)
Scalable Figures and Image Captions with CSS and HTML

CSS: figures & captions

Possibly extend the built-in image manager or EFM to include this as an option.

While HTML5 might allow for a cleaner, and better defined block for the content of figures w/ legends and captions... using a div + p variant is all we've got for now.

(Wishing Beyond Hope)
In an ideal world, I could have each image upload include a caption or legend field. Post it to my database along with the file transfer... and have each image insert operation perform a request for the caption or legend from my database and offer it as an option to the user. (Each resize or edited copy would likely require a database entry; including thumbs)

(Further wishing)
What about thumbs? Having an option to insert the thumbnail variant of the image as an inline stream to allow for wrapping; would be a nice enhancement as well.... (this would work best if it were possible to select multiple files to insert.)

Change History (1)

comment:1 Changed 11 years ago by gogo

  • Resolution set to wontfix
  • Status changed from new to closed

I see where you are coming from, but I don't think that ImageManager? or ExtendedFileManager? or any "image inserting" plugin is the place for this.

I think this is a job for InsertSnippet? or InsertSnippet2, your snippet would be something like

  <div class="captioned-image">
     <img src="/images/default.jpg" />
     <p>The Caption</p>

User inserts the snippet then they can edit the contents as they wish, you just make your CSS do useful stuff with it.

The only possible thing I can think of you might want is to hook the ImageManager? so when it's updated the caption is updated too... but that's again not really something I'd want to see in our ImageManager?, you might want to extend the ImageManager? class to make your own plugin which does that.

So in short, I'm closing this because I think the way I've described is a better (more generic) one.

Note: See TracTickets for help on using tickets.