I love the plugin! However, on IE 7 for some reason I'm not getting expected results. Works fine in Firefox. I link to the original lots of times so that the user can click on the image and go to the larger version. However, In ie 7, only when using the caption, the image has the link and the caption is underlined and appears to be a link, but when you mouse over it, you can't click on it and the cursor does not change to a hand indicating that a user has reached a link. Any ideas? If I take off the caption by not selecting that class the link works fine. Here's the html.

Chris

Only local images are allowed.

Works fine if do this

Only local images are allowed.

but then of course I don't get the caption. :) Probably something silly. Thanks for any input.

CommentFileSizeAuthor
#10 image_caption.zip432 bytesshane birley

Comments

nognielsen’s picture

nognielsen commented

whoops, here's the html code

<a target="_blank" href="/files/u4/AmandaIMG_2002.jpg" title="Amanda Prom"><img vspace="2" align="right" width="215" src="/files/u4/AmandaIMG_2002_0.jpg" hspace="4" alt="Amanda" height="280" title="Amanda and Her Friend" class="caption" /></a>

<a target="_blank" href="/files/u4/AmandaIMG_2002.jpg" title="Amanda Prom"><img vspace="2" align="right" width="215" src="/files/u4/AmandaIMG_2002_0.jpg" hspace="4" alt="Amanda" height="280" title="Amanda and Her Friend" /></a>  

This works but then I don't get the caption.
dman’s picture

dman commented

I suspect your problem is that -

For possibly the first time in History, IE is getting it right.

The client-side annotation wraps the image in a DIV,
This produces something like 

A
  DIV
    IMG
  /DIV
/A

This is illegal markup, and (IFF you are using XHTML-strict) the browser would be right to disable the link behaviour! ...Although the style rendering may still be in effect in your case :-)

When I did something similar - inspired by image caption - I ended up having to use SPANs to do the wrapping, then 

span.image-wrapper {
  display:block;
}

to re-apply the effect.

davidwhthomas’s picture

davidwhthomas commented

@dman: Yes, that makes sense, thanks.

I haven't really tested the idea of having hyperlinked captioned images and they would be 'divs' inside 'a' tags which is probably not good markup.

It would depend a bit on your site's DTD how the browser responds.

regards,

DT

tobiass’s picture

tobiass commented

Hi

@davidwhthomas: Are you going to correct this in the next release or could you shortly say how to repair this behaviour ourself to get rid of this? Perhaps via css?

Thank you

davidwhthomas’s picture

davidwhthomas commented

I'm about to go on an overseas trip, back in two weeks.

I'm planning on releasing an update that should resolve this issue then.

regards,

DT

tobiass’s picture

tobiass commented

Just wanted to ask how your overseas trip was and how far you got in tracking down this issue.

regards,
Tobi

davidwhthomas’s picture

davidwhthomas commented
Status: Active » Fixed

this should be fine now, or else try the D6 version.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

Anonymous’s picture

Anonymous (not verified) commented
Title: Not working in IE 7 » Not working in IE 7 nor IE 6.02
Version: 5.x-1.1 » 6.x-2.3
Component: Miscellaneous » Code
Status: Closed (fixed) » Active

I can confirm that image-caption does not create a clickable image link in IE 6.02

Modifying image_caption.js according to the comments above
(this).wrap("<div class=\"image-caption-container\" style=\"float:" + alignment + "\"></div>");
to
$(this).wrap("<span class=\"image-caption-container\" style=\"float:" + alignment + "\"></span>");

seems to work.

shane birley’s picture

shane birley commented
StatusFileSize
new image_caption.zip432 bytes

I am posting a fix to the javascript that was not allowing the text to display properly in any version of IE.

shane birley’s picture

shane birley commented
Issue summary: View changes
Status: Active » Closed (outdated)