이미지 주위에 텍스트를 감싸는 jQuery 플러그인 IE6

이것은 큰 주문이지만 이미지 주위에 텍스트를 감싸고 IE6를 지원하는 jQuery 또는 Mootools (또는 다른 프레임 워크) 플러그인이 있습니까? 나는 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

안녕하세요, 무한대. Firefox에서 이것을 살펴보십시오. http://jwf.us/projects/jQSlickWrap/example3.html – Alex

자신 만의 div를 추가하기 만하면됩니다. 조금 더 고통 스럽지만 열심히하지는 않습니다. 이 튜토리얼 (http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm) – Mottie

는 지금까지 내가 말할 수있는, 그것은 작동하지 않는 주된 이유는 IE6 캔버스 지원 (자바 스크립트와 모양을 그리는 데 사용되는 HTML5 요소)의 부족이다.

Google은 IE에서 canvas 요소를 지원할 수 있도록 this great script을 작성했습니다. 실제로 Google지도 및 다른 일부 응용 프로그램에서 사용합니다.

conditional comments을 사용하는 IE에만 해당 값을 포함 할 수 있습니다. jQSlickWrap이 작동해야합니다.

행운을 빈다.

출처

2010-03-16 22:38:17

. jQuery Background Canvas 플러그인에 대한 excanvas.js 스크립트를 사용하고 있는데 IE 6에서 제대로 작동합니다 (IE 5.5 이하는 사용할 수 없음). 그러나 IE 6이나 7에서는 작동하지 않지만 Firefox와 Safari에서는 작동합니다. 나는 뭔가 잘못하고있다. 위의 원래 게시물에 관련 코드를 게시했습니다. – Alex

jQueryWrap이 IE의 모든 버전에서 작동하지 않는 이유를 알고 있습니다. IE는 toDataURL() 함수를 지원하지 않으므로 excanvas.js 라이브러리조차도 도움이되지 않습니다. jQSlickWrap의 개발자는 자신의 사이트에서 이렇게 말했습니다. http://jwf.us/projects/jQSlickWrap/ – Alex

이미지 주위에 텍스트를 감싸는 jQuery 플러그인 IE6

답변

관련 문제