Question

This is a tall order, but is there a jQuery or Mootools (or other framework) plugin to wrap text around images and support IE6? I’ve tried the jQSlickWrap, but unless the browser supports HTML 5, you’re out of luck. What’s strange is that IE 6 supports the jQuery Background Canvas plugin, which uses the CANVAS object (via excanvas.js) just as this plugin does. Thanks.

Edit: Here’s the relevant code; this code works in Firefox and Safari but not on any version of IE; it just places the text to the left of the image but not over it:

.testimonialImage {
float:right;
}

 <script src="global/js/jquery-1.3.2.js" type="text/javascript" ></script>
 <!--[if IE]>
 <script type="text/javascript" src="global/js/excanvas/excanvas.js" ></script>
 <![endif]-->
 <script type="text/javascript" src="global/js/slickwrap/jquery.slickwrap.js"></script>
 <script type="text/javascript">
$(document).ready(function(){
    $('.testimonialImage').slickWrap();
});
 </script>

 <img src="global/img/testimonial.gif" width="434" height="315" class="testimonialImage" />
 <p>I grew up watching Public TV. Now, Tina and I watch the great programming together. <br />
  &mdash; Jennifer T.</p>

Answer 1

As far as I can tell, the main reason it’s not working is lack of canvas support in IE6 (an HTML5 element used to draw shapes with javascript).

Google wrote this great script that enables support for the canvas element in IE. In fact, they use it in Google Maps and some of their other applications.

You can include that only for IE using conditional comments. That should make jQSlickWrap work.

Good luck!