How to Bring Attention to a New Link in jQuery

The jQuery "prettyPhoto" feature uses the simulation of a light box or modal window to bring attention to new links and images. With this feature, you can keep your user's attention and improve the overall look of your website. You can add it to your link through a few script changes and downloading the feature.

Instructions

1. Launch your computer's Web browser and go to the prettyPhoto download page. Click the "prettyPhoto" download link and save the file to your desktop. Double-click the download to install it onto your computer.

2. Go to the page with the link you want to bring attention to with jQuery.

3. Remove any existing "href" tags and replace it with the script below:

   <a href="URL" rel="prettyPhoto" width="X" height="X">

   Replace "URL" with your link URL and replace "X" with the width and height you need.

4. Place the following code at the end of your link URL "?iframe=true." It should look similar to this:

   <a href="URL?iframe=true" rel="prettyPhoto" width="x" height="x">Link text or element HTML goes here</a>

References

• No Margin for Errors: prettyPhoto