We all know how to use a float property to float an image around a block of text. But what if you want to wrap content around an image… you know the actual image content itself not the block it takes up? jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images.
Very very simple usage (:
1 $('img').slickWrap();Example :
01 <html>
02 <head>
03 <title>jQSlickWrap Demo 1</title>
04 <script src="./jquery-1.3.2.min.js" type="text/javascript"></script>
05 <script src="./jquery.slickwrap.js" type="text/javascript"></script>
06 <style type="text/css">
07 .wrapReady {
08 float: left;
09 }
10 </style>
11 <script type="text/javascript" charset="UTF-8">
12 $(document).ready(function(){
13 $('.wrapReady').slickWrap();
14 });
15 </script>
16 </head>
17 <body>
18 <img src="./myImage.jpg" class="wrapReady" />
19 <p>Lots of text goes here..</p>
20 </body>
21 </html>http://www.jwf.us/projects/jQSlickWrap/