The following change to code in image_caption.js allows images to have captions, including hyperlinks and left or right alignment.

 /*$Id: image_caption.js,v 1.2 2008/03/07 05:46:23 davidwhthomas Exp $*/
$(document).ready(function(){
  $("img.caption").each(function(i) {
    var imgwidth = $(this).width();
    var imgheight = $(this).height();
    var captiontext = $(this).attr('title');

     var alignment = $(this).css('float');
    /*$(this).attr({align:""});*/
    $(this).wrap("<div class=\"image-" + alignment + " \"></div>"); 

    $(this).parent().width(imgwidth);
    $(this).parent().append("<div class=\"image-caption\">" + captiontext + "</div>");
  });
});

I'm using the TinyMce Image Dialog under IMCE Wysiswg API Bridge.

I added styles for .image-caption .image-right and .image-left

CommentFileSizeAuthor
#1 image_caption.js_.patch624 bytesshaisachs

Comments

shaisachs’s picture

shaisachs commented
StatusFileSize
new image_caption.js_.patch624 bytes

I think from the point of view of Image Caption, which has to support other editors besides TinyMCE, it's better to use the float as a fall-back, rather than rely on it exclusively. The problem appears to be that TinyMCE positions images using float, rather than align, but Image Caption currently relies upon align. The attached patch seems to capture the best of both worlds.

thaddeusmt’s picture

thaddeusmt commented

Thanks for this patch, works better with CKEditor now!

One thing though... it's bad form to have

's inside of anchors so I switched them to 's (and set them to display: block with css). No biggie, just mentioning one change I made.
SMonsen’s picture

SMonsen commented

I tried both patches and neither work with right aligned images. I'm running 6.x with WYSIWYG API and FCK 2.6.