jQuery jCaption and IE Hyperlink Bug - will pay for the solution!!!

[griffinjt]

Hello,

I am very frustrated with this bug and I am willing to pay for the correct solution. It involves jQuery, the jCaption plugin and IE.

Basically what happens is that when jCaption is being used on an image in IE, the image hyperlink does not work correctly. The hyperlink only works for the caption portion of the image. I need it to work for the entire image.

This is urgent, and I willing to pay up to $50 for the solution via PayPal.

You can view an example here: http://shooters.tgmtestserver.com/talent/

Hover over the image in IE and try to click on the image. The hyperlink does not work for the image, only the caption. This needs to be fixed.

Thomas

[abduraooft]

In your html file, change

<script type="text/javascript">
$('img.captify').jcaption({
	wrapperElement: 'span',
	wrapperClass: 'caption',
	captionElement: 'span',
	imageAttr: 'alt',
	requireText: true,
	copyStyle: false,
	removeStyle: true,
	removeAlign: true,
	copyAlignmentToClass: false,
	copyFloatToClass: true,
	autoWidth: true,
	animate: true,
	show: {opacity: 'show'},
	showDuration: 400,
	hide: {opacity: 'hide'},
	hideDuration: 400	
});
</script>

In custom.css

/* :..[ Image Captions ]..: */
span.caption { margin: 0; padding: 0; position: relative; }
span.caption span { position: absolute; margin: 0; padding: 10px 0 10px 10px; font-size: 22px; bottom: 0; left: 0; background: #fff; color: #111; opacity: .75; filter: alpha(opacity=75); width: 99%; cursor:pointer;}
span.caption img { margin: 0; padding: 0; }

and replace your jcaption.js with the attached one (rename .txt to .js)

Edit:
Basically, your jcaption script makes your markup invalid, since you can't nest a block level element like <div> or <p> inside an inline element like <a>. I've changed all "caption elements" to span and changed css and js accordingly.

Good luck!

[griffinjt]

This solution worked like a charm! Thank you so much.