【问题标题】:jQuery plugin to wrap text around images + support IE6jQuery 插件来环绕图像 + 支持 IE6
【发布时间】:2026-01-03 02:15:01
【问题描述】:

这是一项艰巨的任务,但是否有 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>

【问题讨论】:

  • 你能链接到这个例子吗?除非我遗漏了什么,否则这听起来很简单,可以通过 CSS 轻松实现。
  • 嗨,无限。在 Firefox 上看看这个:jwf.us/projects/jQSlickWrap/example3.html
  • 您可能只需要恢复添加自己的 div。这有点痛苦,但并不难。查看本教程 (bigbaer.com/css_tutorials/css.image.text.wrap.htm)
  • 谢谢,笨蛋。我认为您的解决方案是目前唯一有效的解决方案,直到 IE 开始像其他浏览器一样运行。

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


【解决方案1】:

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

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

您只能使用conditional comments 将其包含在 IE 中。这应该使 jQSlickWrap 工作。

祝你好运!

【讨论】:

  • 谢谢,尤瓦尔。我正在为 jQuery Background Canvas 插件使用 excanvas.js 脚本,它在 IE 6 上运行良好(尽管不适用于 IE 5.5 或更低版本)。但是,它不适用于 IE 6 或 7,但适用于 Firefox 和 Safari;我做错了什么。我已将相关代码发布到我上面的原始帖子中。
  • 我相信我知道为什么 jQSlickWrap 不能在任何版本的 IE 上运行—— IE 不支持 toDataURL() 函数,所以即使 excanvas.js 库也无济于事。 jQSlickWrap 的开发者在他的网站上这样说:jwf.us/projects/jQSlickWrap