jQSlickWrap for Slick Text Wrapping in jQuery

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/

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…

jQuery slideViewerPro: A “pro” jQuery image slider

slideViewerPro is a fully customizable jQuery image gallery engine which allows to create outstandin…

jQuery Optimization: Avoid Unnecessary Styling

This is another common mistake that many jQuery developer made. jQuery provides us with the ability …