jQuery插件繞圖片包裝文本+支持IE6

這是一個很高的命令，但是有沒有一個jQuery或Mootools（或其他框架）插件來圍繞圖像纏繞文本並支持IE6？我試過了jQSlickWrap，但除非瀏覽器支持HTML 5，否則你運氣不好。奇怪的是，IE 6支持jQuery Background Canvas插件，就像插件一樣，插件使用CANVAS對象（通過excanvas.js）。謝謝。jQuery插件繞圖片包裝文本+支持IE6

編輯：這是相關的代碼;此代碼適用於Firefox和Safari，但不適用於任何版本的IE;它只是將文本放置在圖像的左側，但不放在其上： .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>

來源

2010-03-16 Alex

你能舉一個例子嗎？這聽起來像用CSS很容易實現的，除非我錯過了一些東西。 – adamJLev 2010-03-16 19:03:06

嗨，無限。在Firefox上查看一下：http://jwf.us/projects/jQSlickWrap/example3.html – Alex 2010-03-16 19:53:30

您可能只需要恢復添加自己的div。這有點痛苦，但並不難。看看這個教程（http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm） – Mottie 2010-03-16 22:06:18

據我所知，它不工作的主要原因是缺乏IE6帆布支持（用於繪製形狀JavaScript的HTML5元素）。

Google寫道this great script，它支持IE中的canvas元素。事實上，他們在谷歌地圖和他們的一些其他應用程序中使用它。

只能使用conditional comments的IE瀏覽器。這應該使jQSlickWrap工作。

祝你好運！

來源

2010-03-16 22:38:17

謝謝，yuval。我爲jQuery Background Canvas插件使用excanvas.js腳本，並且在IE 6上正常工作（儘管不適用於IE 5.5或更低版本）。但是，它不適用於IE 6或7，但適用於Firefox和Safari;我做錯了什麼。我已將相關代碼發佈到上面的原始帖子中。 – Alex 2010-03-17 12:54:10

我相信我知道爲什麼jQSlickWrap不能在任何版本的IE上工作 - IE不支持toDataURL（）函數，所以即使excanvas.js庫也無濟於事。 jQSlickWrap的開發者在他的網站上說過：http://jwf.us/projects/jQSlickWrap/ – Alex 2010-03-17 13:28:05

jQuery插件繞圖片包裝文本+支持IE6

回答

相關問題