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…

s3Slider jQuery Plugin & Tutorial

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Usage: HTML: Sample …

jQuery Optimization: Avoid Unnecessary Selector

Common subexpression elimination is a common way to optimize any programming code. Doing unnecessary…

Fading Links Using jQuery: dwFadingLinks

Earlier this month, we posted a MooTools script that faded links to and from a color during the mous…

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…