jQuery插件包装图像周围的文本+支持IE6

时间:2010-03-16 19:01:13

标签: javascript jquery jquery-plugins internet-explorer-6 excanvas

这是一个很高的订单,但是有一个jQuery或Mootools(或其他框架)插件来包装图像并支持IE6吗?我已经尝试了jQSlickWrap,但除非浏览器支持HTML 5,否则你运气不好。奇怪的是,IE 6支持jQuery Background Canvas插件,它使用CANVAS对象(通过excanvas.js)就像这个插件一样。谢谢。

编辑:这是相关代码;此代码适用于Firefox和Safari,但不适用于任何版本的IE;它只是将文本放在图像的左侧,而不是放在它上面:            .testimonialImage {         浮动:权利;       }      

 <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>

1 个答案:

答案 0 :(得分:2)

据我所知,它不起作用的主要原因是缺少IE6中的画布支持(用于使用javascript绘制形状的HTML5元素)。

Google写了this great script,支持IE中的canvas元素。事实上,他们在谷歌地图和其他一些应用程序中使用它。

您可以仅使用conditional comments包含该内容。这应该使jQSlickWrap工作。

祝你好运!