JUNCTION X

<a href="https://www.e-junkie.com/ecom/gb.php?ii=805274&c=ib&aff=102266&cl=19780" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="ejejcsingle"><br /><span style="color: black; font-size: small;"><span style="font-weight: normal;"><br /></span></span><span style="color: #2b2b2b; font-family: Georgia, serif;"><span style="font-size: 25px; line-height: 33px; word-spacing: 0.1em;">1. PhotoSquare Photography WordPress Theme ($79)</span></span></a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
PhotoSquares is very flexible premium gallery WordPress theme that is perfect way for designers and photographers to display their portfolio.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
This theme allows you to set your own thumbnail sizes so everyone will be able to create most suitable layout.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="https://www.e-junkie.com/ecom/gb.php?ii=805274&c=ib&aff=102266&cl=19780" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="ejejcsingle"><img alt="Photosquares-premium-wordpress-photography-theme" border="0" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/photosquares-premium-wordpress-photography-theme.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/photosquares-premium-wordpress-photography-theme.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" /></a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

2. <a href="http://spaceforaname.com/galleryview" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">GalleryView: A jQuery Content Gallery Plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://spaceforaname.com/galleryview" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="gallery-view-jquery-image-slideshow-tools-free" height="289" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/gallery-view-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/gallery-view-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://spaceforaname.com/webcomics.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

2.1. <a href="http://codecanyon.net/item/sexy-slider/87148?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Sexy Slider</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/sexy-slider/87148?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignnone" height="300" original="http://0.s3.envato.com/files/1078316/1.jpg" src="http://0.s3.envato.com/files/1078316/1.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" title="Sexy Image Slider" width="590" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/sexy-slider/full_screen_preview/87148?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

3. <a href="http://www.meadmiracle.com/SlidingGallery.aspx" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Sliding Image Gallery jQuery Plug-in</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.meadmiracle.com/SlidingGallery.aspx" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="sliding-gallery-jquery-image-slideshow-tools-free" height="246" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/sliding-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/sliding-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.meadmiracle.com/SlidingGalleryDemo1.htm" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

4. <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">PrettyPhoto jQuery Lightbox Clone</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
PrettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="prettyphoto-gallery-jquery-image-slideshow-tools-free" height="358" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/prettyphoto-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/prettyphoto-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

5. <a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Create Beautiful jQuery slider tutorial</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="beautiful-gallery-jquery-image-slideshow-tools-free" height="166" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/beautiful-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/beautiful-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

6. <a href="http://coffeescripter.com/2009/07/ad-gallery-a-jquery-gallery-plugin/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">AD Gallery – a jQuery gallery plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
A highly customizable gallery/showcase plugin for jQuery.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://coffeescripter.com/2009/07/ad-gallery-a-jquery-gallery-plugin/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="ad-gallery-jquery-image-slideshow-tools-free" height="432" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/ad-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/ad-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://coffeescripter.com/code/ad-gallery/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

7. <a href="http://fancybox.net/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">FancyBox</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://fancybox.net/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="fancybox-gallery-jquery-image-slideshow-tools-free" height="285" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/fancybox-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/fancybox-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://fancybox.net/dev/130/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

8. <a href="http://www.shadowbox-js.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Shadowbox</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.shadowbox-js.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="shadowbox-gallery-jquery-image-slideshow-tools-free" height="379" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/shadowbox-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/shadowbox-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.shadowbox-js.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

8.1.<a href="http://codecanyon.net/item/aviaslider-jquery-slideshow/105090?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">AviaSlider – jQuery Slideshow</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.<br />
It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/aviaslider-jquery-slideshow/105090?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignnone" height="300" original="http://1.s3.envato.com/files/337813.jpg" src="http://1.s3.envato.com/files/337813.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" title="AviaSlider - jQuery Slideshow" width="590" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/aviaslider-jquery-slideshow/full_screen_preview/105090?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

9. <a href="http://www.twospy.com/galleriffic/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Galleriffic</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.twospy.com/galleriffic/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="galleriffic-gallery-jquery-image-slideshow-tools-free" height="369" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/galleriffic-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/galleriffic-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.twospy.com/galleriffic/example-2.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

10. <a href="http://colorpowered.com/colorbox/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Colorbox</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
A light-weight, customizable lightbox plugin for jQuery 1.3.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://colorpowered.com/colorbox/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="colorbox-gallery-jquery-image-slideshow-tools-free" height="292" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/colorbox-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/colorbox-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://colorpowered.com/colorbox/core/example1/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

11. <a href="http://planetozh.com/projects/lightbox-clones/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">The Lightbox Clones Matrix</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Comparison of various scripts that display images and other objects in somehow cool CSS popups</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://planetozh.com/projects/lightbox-clones/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="lightbox-clones-jquery-image-slideshow-tools-free" height="285" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/lightbox-clones-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/lightbox-clones-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

12. <a href="http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Full screen image gallery using jQuery and Flickr</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It also supports a flickr search engine, thumbnails, captions, preloader and some other goodies.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="fs-gallery-jquery-image-slideshow-tools-free" height="285" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/fs-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/fs-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://devkick.com/lab/fsgallery/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

13. <a href="http://css-tricks.com/moving-boxes/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Moving Boxes</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://css-tricks.com/moving-boxes/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="moving-boxes-gallery-jquery-image-slideshow-tools-free" height="262" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/moving-boxes-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/moving-boxes-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://css-tricks.com/examples/MovingBoxes/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

13.1. <a href="http://codecanyon.net/item/ddslider-10-transitions-inline-content-support/104797?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">DDSlider – 10 Transitions – Inline Content Support</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/ddslider-10-transitions-inline-content-support/104797?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignnone" height="300" original="http://3.s3.envato.com/files/348178.jpg" src="http://3.s3.envato.com/files/348178.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" title="DDSlider Image Gallery" width="590" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/ddslider-10-transitions-inline-content-support/full_screen_preview/104797?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

14. <a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Creating a Slick Auto-Playing Featured Content Slider</a></h2>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

15. <a href="http://css-tricks.com/startstop-slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Start/Stop Slider</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://css-tricks.com/startstop-slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="start-stop-gallery-jquery-image-slideshow-tools-free" height="290" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/start-stop-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/start-stop-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://css-tricks.com/examples/StartStopSlider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

16. <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">SlideViewerPro 1.0</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
SlideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="slide-viewer-jquery-image-slideshow-free-tools" height="323" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/slide-viewer-jquery-image-slideshow-free-tools.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/slide-viewer-jquery-image-slideshow-free-tools.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

17. <a href="http://www.pirolab.it/pirobox/index.php" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Pirobox V.1.2.1</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.pirolab.it/pirobox/index.php" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="pirobox-gallery-jquery-image-slideshow-tools-free" height="349" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/pirobox-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/pirobox-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.pirolab.it/pirobox/index.php" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

18. <a href="http://www.serie3.info/s3slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">s3Slider jQuery plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.serie3.info/s3slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="s3slider-gallery-jquery-image-slideshow-tools-free" height="236" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/s3slider-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/s3slider-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.serie3.info/s3slider/demonstration.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

18.1. <a href="http://codecanyon.net/item/advanced-slider-jquery-xml-slider/132618?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Advanced Slider – jQuery XML slider</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Advanced Slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/advanced-slider-jquery-xml-slider/132618?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignnone" height="300" original="http://3.s3.envato.com/files/2685373/image.jpg" src="http://3.s3.envato.com/files/2685373/image.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" title="jQuery Slider" width="590" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/advanced-slider-jquery-xml-slider/full_screen_preview/132618?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

19. <a href="http://freecss.info/free-css-tutorials/css-and-jquery-creating-image-slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">CSS and Jquery – Creating an Image Slider</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://freecss.info/free-css-tutorials/css-and-jquery-creating-image-slider/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="slider-gallery-jquery-image-slideshow-tools-free" height="316" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/slider-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/slider-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.freecss.info/tutorials/1/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<div id="adsenseads" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 15px; margin-right: 15px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

20. <a href="http://www.sohtanaka.com/web-design/create-an-image-rotator/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Create an Image Rotator with Description (CSS/jQuery)</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.sohtanaka.com/web-design/create-an-image-rotator/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="rotator-gallery-jquery-image-slideshow-tools-free" height="335" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/rotator-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/rotator-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.sohtanaka.com/web-design/examples/image-rotator/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

21. <a href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">jQuery spherical panorama viewer</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
A javascript viewer for displaying spherical panoramas. An alternative to Java and QuickTime technology.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="panorama-gallery-jquery-image-slideshow-tools-free" height="416" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/panorama-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/panorama-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

22. <a href="http://hotajax.org/jquery/photos-other-plugins/554-zoomimage-jquery-plugin.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Zoomimage – jQuery plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://hotajax.org/jquery/photos-other-plugins/554-zoomimage-jquery-plugin.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="zoom-gallery-jquery-image-slideshow-tools-free" height="328" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/zoom-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/zoom-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.hotajax.org/demo/jquery/zoomimage/zoomimage/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

23. <a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Building a jQuery Image Scroller</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="scroller-jquery-image-slideshow-tools-free" height="220" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/scroller-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/scroller-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://nettuts.s3.cdn.plus.org/300_jquery/image%20Scroller/imageScroller.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

24. <a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="cssglobe-gallery-jquery-image-slideshow-tools-free" height="233" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/cssglobe-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/cssglobe-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://cssglobe.com/lab/easyslider1.7/01.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

25. <a href="http://www.catchmyfame.com/2009/05/02/jquery-panel-gallery-plugin/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">jQuery Panel Gallery Plugin</a></h2>
<ul style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; list-style-image: initial; list-style-position: initial; margin-bottom: 15px; margin-left: 30px; margin-right: 0px; margin-top: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
No slicing or editing of the images is needed</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
It’s just 5K</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Easily configurable</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
Reusable on multiple containers</div>
</li>
</ul>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.catchmyfame.com/2009/05/02/jquery-panel-gallery-plugin/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="panel-jquery-image-slideshow-free-tools" height="195" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/panel-jquery-image-slideshow-free-tools.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/panel-jquery-image-slideshow-free-tools.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.catchmyfame.com/jquery/demo/3/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

25.1. <a href="http://codecanyon.net/item/ubillboard-premium-slider-for-wordpress/124783?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">uBillboard – Premium Slider for WordPress</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
uBillboard is a Premium Slider for WordPress. It is a jQuery based slider with a multitude of transitions and options for you to be able to customize it to your needs while not overwhelming you with options you never wanted or needed. Version 3 is a revolutionary release with most of the codebase rewritten from scratch. This has enabled us to integrate many features that you have been requesting during the first year.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/ubillboard-premium-slider-for-wordpress/124783?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignnone" height="300" original="http://1.s3.envato.com/files/4746524/preview.jpg" src="http://1.s3.envato.com/files/4746524/preview.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" title="uBillboard Premium Slider for WordPress" width="590" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/ubillboard-premium-slider-for-wordpress/full_screen_preview/124783?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

26. <a href="http://www.buildinternet.com/project/supersized/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Supersized – Full Screen Background/Slideshow jQuery Plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.buildinternet.com/project/supersized/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="supersized-gallery-jquery-image-slideshow-tools-free" height="252" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/supersized-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/supersized-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.buildinternet.com/project/supersized/default.php" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

27. <a href="http://pikachoose.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Pikachoose</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://pikachoose.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="pikachoose-jquery-image-slideshow-free-tools" height="265" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/pikachoose-jquery-image-slideshow-free-tools.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/pikachoose-jquery-image-slideshow-free-tools.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://pikachoose.com/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

28. <a href="http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">jQuery Image Overlay Plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover, as you can see above.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="overlay-jquery-image-slideshow-tools-free" height="247" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/overlay-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/overlay-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

29. <a href="http://odyniec.net/projects/imgareaselect/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">imgAreaSelect</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
Plugin features:</div>
<ul style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; list-style-image: initial; list-style-position: initial; margin-bottom: 15px; margin-left: 30px; margin-right: 0px; margin-top: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Highly configurable</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Customizable with CSS styling</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Handles scaled images</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Keyboard support for moving and resizing the selection</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Supports callback functions</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Provides API functions for easier integration with other application components</li>
<li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Lightweight — the packed version is less than 8KB</li>
</ul>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://odyniec.net/projects/imgareaselect/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="imgarea-select-gallery-jquery-image-slideshow-tools-free" height="281" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/imgarea-select-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/imgarea-select-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://odyniec.net/projects/imgareaselect/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

30. <a href="http://plugins.jquery.com/project/pfeloader" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">PFeloader</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
This is a preloader, it scans DOM and loaded StyleSheet’s for occurence of images (in sheet, style, as element).</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
StyleSheet file has to be in the same domain as page using it.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://arkus.malopolska.pl/skryptoplikacje/jquery/demos/pfeloader/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="loading-gallery-jquery-image-slideshow-tools-free" height="317" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/loading-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/loading-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://arkus.malopolska.pl/skryptoplikacje/jquery/demos/pfeloader/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

30.1. <a href="http://codecanyon.net/item/jquery-horizontal-image-scroller-w-lightbox/112734?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">jQuery Horizontal Image Scroller w/ Lightbox</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
This is a jQuery image scroller with lightbox. The scroll bar/indexes and directional buttons allow for easy navigation of your image gallery. Image click can either open the included lightbox or a regular link. The scroller is also re-sizable and fully configurable through the plugin’s parameters.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/jquery-horizontal-image-scroller-w-lightbox/112734?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><img alt="" class="alignnone" height="300" original="http://3.s3.envato.com/files/1684025/preview.jpg" src="http://3.s3.envato.com/files/1684025/preview.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" title="jQuery Horizontal Image Scroller Lightbox" width="590" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://codecanyon.net/item/jquery-horizontal-image-scroller-w-lightbox/full_screen_preview/112734?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

31. <a href="http://justinfarmer.com/?p=31" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Image Reveal using jQuery</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://justinfarmer.com/?p=31" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="enlargement-gallery-jquery-image-slideshow-tools-free" height="271" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/enlargement-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/enlargement-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://justinfarmer.com/tutorials/imgviewerenlarge/imgviewer_enlarge.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

32. <a href="http://www.malsup.com/jquery/cycle/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">The jQuery Cycle Plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.malsup.com/jquery/cycle/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="cycle-gallery-jquery-image-slideshow-tools-free" height="201" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/cycle-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/cycle-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.malsup.com/jquery/cycle/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

33. <a href="http://devkick.com/lab/galleria/demo_01.htm#img/grass-blades.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Galleria Plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
This demonstration shows you aome more advanced effects you can accomplish with the Galleria plugin. The history object is also active, so feel free to try the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://devkick.com/lab/galleria/demo_01.htm#img/grass-blades.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="galleria-jquery-image-slideshow-tools-free" height="326" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/galleria-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/galleria-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://devkick.com/lab/galleria/demo_01.htm#img/grass-blades.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

34. <a href="http://www.gruppo4.com/~tobia/cross-slide.shtml" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">CrossSlide jQuery plugin</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (a lot.)</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.gruppo4.com/~tobia/cross-slide.shtml" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="crosslide-jquery-image-slideshow-tools-free" height="198" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/crosslide-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/crosslide-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.gruppo4.com/~tobia/cross-slide.shtml" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

35. <a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Fancy Thumbnail Hover Effect w/ jQuery</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="fancy-gallery-jquery-image-slideshow-tools-free" height="252" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/fancy-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/fancy-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.sohtanaka.com/web-design/examples/image-zoom/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

36. <a href="http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Apple-like Slideshow Gallery</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="apple-gallery-jquery-image-slideshow-tools-free" height="319" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/apple-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/apple-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

36.1. <a href="http://codecanyon.net/item/li-jquery-sliderimage-rotator/153638?ref=1stwebdesigner" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">li JQuery Slider/Image Rotator</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

37. <a href="http://www.mind-projects.it/projects/jqzoom/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">JQZoom</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.mind-projects.it/projects/jqzoom/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="jqzoom-gallery-jquery-image-slideshow-tools-free" height="264" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/jqzoom-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/jqzoom-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://www.mind-projects.it/projects/jqzoom/demos.php#demo1" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

38. <a href="http://imageflow.finnrudolph.de/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b2b2b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">ImageFlow</a></h2>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
ImageFlow is an unobtrusive and userfriendly JavaScript image gallery.</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://imageflow.finnrudolph.de/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank"><img alt="flow-gallery-jquery-image-slideshow-tools-free" height="255" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/flow-gallery-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/flow-gallery-jquery-image-slideshow-tools-free.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: rgb(230, 225, 213); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(230, 225, 213); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(230, 225, 213); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(230, 225, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline;" width="570" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; vertical-align: baseline;">
<a href="http://imageflow.finnrudolph.de/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1762be; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" target="_blank">View Demo</a></div>
<br />
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

39. <strong>image galleries</strong></h2>
<a href="http://netdna.webdesignerdepot.com/uploads/2011/07/thumb3.jpg" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="alignleft size-full wp-image-24386" height="160" src="http://netdna.webdesignerdepot.com/uploads/2011/07/thumb3.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; display: inline-block; float: left; margin-bottom: 2px; margin-left: 0px; margin-right: 7px; margin-top: 0px; max-width: 100%; padding-bottom: 4px; padding-left: 0px; padding-right: 4px; padding-top: 4px; vertical-align: bottom;" title="thumb" width="200" /></a>For some sites, <strong>image galleries</strong> are an absolute must. Portfolios are the first to come to mind, but galleries are also useful for blogs, e-commerce sites, and really any site that regularly displays multiple images on a single page.<br />
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Below are 25 fantastic<strong> jQuery gallery</strong> and <strong>slideshow plugins</strong>.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
They’re all free (though some require different licensing for commercial use, have premium versions available, or offer paid add-ons).</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
We’re sure there’s almost certainly going to be something to fit whatever your current project needs.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Feel free to suggest other options at the end of this post in the comments’ area…</div>
<div class="ads-block" id="top-ads-block" style="background-color: white; clear: both; font-family: Tahoma, times, serif; font-size: 10px; margin-bottom: 30px; margin-left: auto; margin-right: auto; margin-top: 30px; text-align: center;">
<div class="bsarocks bsap_75e07a75487088b1694a6868e9c95d21" id="bsap_1251693">
</div>
</div>
<span id="more-24384" style="background-color: white; font-family: Tahoma, times, serif; font-size: 10px;"></span><br />
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

40. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">TN3 Gallery</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong>TN3 Gallery</strong> is our own fantastic and professional jQuery <a href="http://www.tn3gallery.com/" rel="follow" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">image gallery</a> plugin that includes slideshow capabilities. Features include a fullscreen option, dynamic image sizing, document linking, multiple albums and mouse wheel navigation. It can be skinned with CSS to match your site’s theme and it’s compatible with all modern desktop and mobile browsers and is also search engine friendly.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.tn3gallery.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/tn3gallery.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

41. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">PikaChoose</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://pikachoose.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">PikaChoose</a> is a lightweight slideshow plugin that can be used for carousels and lightboxes. A few premium themes are available for PikaChoose, including an instant photo theme, if you don’t want to create your own theme. It’s highly customizable and can be integrated with Fancybox.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://pikachoose.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/pikachoose.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

42. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Slides</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://slidesjs.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Slides</a> is a simple slideshow plugin for jQuery. It’s designed to help both novice and advanced users create user-friendly, elegant slideshows. You can includes images with captions and links, and embed multiple slideshows on a single page.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://slidesjs.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/slidesjs.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

43. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">SlideDeck</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.slidedeck.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">SlideDeck</a> is a powerful jQuery slider plugin that can be used for media galleries as well as other content. It offers full CSS customization, custom skins, slider mode (for more traditional slideshows), and touch screen support. There’s also a premium version available.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.slidedeck.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/slidedeck.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

44. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Coin Slider</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://workshop.rs/projects/coin-slider/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Coin Slider</a> is a jQuery slider with unique transition effects. It has flexible configuration options, and is compatible with IE6+, Firefox 2+, Safari 2+, Google Chrome 3+, and Opera 9+, all with valid markup. It’s also compatible with iOS and Android.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://workshop.rs/projects/coin-slider/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/coinslider.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

45. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">jQuery.popeye 2.0</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://dev.herr-schuessler.de/jquery/popeye/demo.html" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">jQuery.popeye 2.0</a> is an in-line slideshow plugin. It looks like just a normal image on a page until hovered on, when captions and navigation controls appear. It’s a great option for someone who wants an unobtrusive image gallery on their site. Controls and image count can also be included with the image when it’s not being hovered on.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://dev.herr-schuessler.de/jquery/popeye/demo.html" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/popeye.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

46. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Galleriffic</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.twospy.com/galleriffic/index.html" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Galleriffic</a> is built to handle large volumes of images while conserving bandwidth. It uses smart image preloading after the page has loaded, and can be integrated with the jQuery.history plugin for bookmark-friendly URLs per-image. You can add your own custom transition effects, there’s support for image captions, and the whole thing is very flexible.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.twospy.com/galleriffic/index.html" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/galleriffic.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

47. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Galleria</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://galleria.aino.se/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Galleria’s</a> purpose is to make it easier for anyone to create professional-looking image galleries for the web and mobile devices. It comes bundled with a single theme, and additional premium themes are available starting at $9. You can also build your own theme using Galleria’s API.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://galleria.aino.se/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/galleria.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

48. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Nivo Slider</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
The <a href="http://nivo.dev7studios.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Nivo Slider</a> includes 16 unique transition effects and tons of settings you can tweak to meet your needs. The markup is all clean and valid, and the packed version is only 15kb. The Slider also includes support for HTML captions, keyboard navigation, and linking images, and comes with three themes.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://nivo.dev7studios.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/nivo.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

49. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Smooth Div Scroll</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
The <a href="http://www.smoothdivscroll.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Smooth Div Scroll</a> plugin lets content scroll horizontally to either the left or right, without limiting the scroll to distinct steps. There are no visible buttons or links, as scrolling is done through hotspots within the scrollable area, or with autoscrolling.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.smoothdivscroll.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/smoothdivscroll.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

50. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Sliding Image Gallery</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
The <a href="http://www.meadmiracle.com/SlidingGallery.aspx" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Sliding Image Gallery</a> plugin was inspired by the iTunes album viewer. There are a few variations available, and full instructions for implementation are provided.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.meadmiracle.com/SlidingGallery.aspx" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/slidingimagegallery.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

51.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Sideways</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Sideways</a> is a fullscreen image gallery that’s absolutely gorgeous, especially on widescreen displays. It includes both a thumbnail viewer and next image navigation.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/sideways.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

52.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Orbit</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.zurb.com/playground/jquery_image_slider_plugin" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Orbit</a> is a simple image slider from Zurb. You can use image thumbnails for navigation, and it has clean, semantic code. Navigation can be inside or outside the container, it supports HTML captions, and even CSS3 Font-Face text over your images.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.zurb.com/playground/jquery_image_slider_plugin" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/orbit.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

53. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">ShineTime</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://addyosmani.com/blog/shinetime/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">ShineTime</a> is a jQuery and CSS3 gallery with animated shine effects on both the thumbnails and photo captions. It uses thumbnails for navigation.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://addyosmani.com/blog/shinetime/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/shinetime.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

54. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">AD Gallery</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://coffeescripter.com/code/ad-gallery/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">AD Gallery</a> is a simple slideshow plugin that supports both slide in and fade in of images, preloading of images, and image descriptions. It will scale down images that are larger than the container size, while centering images that are smaller.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://coffeescripter.com/code/ad-gallery/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/adgallery.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

55. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Supersized</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.buildinternet.com/project/supersized/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Supersized</a> is a fullscreen background slideshow. It automatically resizes images to fit the browser window while maintaining their aspect ratio and preloads images. There’s also a Supersized Flickr version that will pull images from your Flickr photo stream.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.buildinternet.com/project/supersized/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/supersized.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

56. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">prettyPhoto</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#%21prettyPhoto[pp_gal]/4/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">prettyPhoto</a> is a lightbox clone, with support for images, video, Flash, iframes, and ajax. It can be used for single images or galleries, and galleries can have mixed content.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#%21prettyPhoto[pp_gal]/4/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/prettyphoto.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

57.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">ColorBox</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://colorpowered.com/colorbox/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">ColorBox</a> is a lightweight and customizable lightbox plugin that supports photos, ajax, and iframes. It will preload your background images, and preloads upcoming images within a photo group. It comes with elastic and fade transitions, as well as the option for no transition between images.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://colorpowered.com/colorbox/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/colorbox.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

58. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">YoxView</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.yoxigen.com/yoxview/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">YoxView</a> is a lightbox-type media and image viewer plugin. It supports images, video (including YouTube, Hulu, and Vimeo), inline content, iframes, Flash, and more. It can be embedded in the same page multiple times, and you can have content play automatically.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.yoxigen.com/yoxview/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/yoxview.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

59.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Micro Image Gallery</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
The <a href="http://tympanus.net/codrops/2010/04/19/micro-image-gallery-a-jquery-plugin-2/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Micro Image Gallery</a> is a tiny image gallery plugin, designed for use when space is limited. There are three sizes available, 102 pixels, 162 pixels, and 222 pixels, and galleries can default to show thumbnails or a single image when loaded.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://tympanus.net/codrops/2010/04/19/micro-image-gallery-a-jquery-plugin-2/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/microimage.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

60. <span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">lightBox</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
The jQuery <a href="http://leandrovieira.com/projects/jquery/lightbox/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">lightBox</a> plugin was inspired by Lightbox JS. It’s simple and unobtrusive, overlaying images directly over the current page. There are a number of configuration options available for customizing the plugin.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://leandrovieira.com/projects/jquery/lightbox/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/lightbox.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

61.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Morphing Gallery</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
The jQuery <a href="http://codeassembly.com/jQuery-morphing-gallery/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Morphing Gallery</a> plugin uses a combination of fades and shape-changing as transition between images. The entire slideshow changes size and shape to fit the image being displayed.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://codeassembly.com/jQuery-morphing-gallery/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/morphinggallery.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

62.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">slideViewer</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">slideViewer</a> is a simple jQuery image slider built on a singe unordered list. It offers tooltip captions for the images, which can be customized, as well as customizable CSS for styling.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/slideviewer.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

63.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Fancybox</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://fancybox.net/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Fancybox</a> is a simple modal window style gallery plugin. It can handle a variety of content beyond images, including inline content, ajax, iframes, and Flash. It supports a variety of title positions, and the slideshow can be navigated using your mouse’s scrollwheel or with onscreen navigation.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://fancybox.net/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;"><img alt="" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/fancybox.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br class="spacer_" /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; vertical-align: baseline; word-spacing: 0.1em;">

64.<span style="background-color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 23px;">Spacegallery</span></h2>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://eyecon.ro/spacegallery/#about" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Spacegallery</a> has a 3D interface that loads new images when you click on the existing one. It has a configurable border, animation duration, perspective height, and more.</div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://eyecon.ro/spacegallery/#about" style="color: #9e0728; font-weight: bold; word-wrap: break-word;"><img alt="" class="image-border" src="http://netdna.webdesignerdepot.com/uploads/image_galleries/spacegallery.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-color: initial; border-image: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; display: inline-block; max-width: 100%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom;" /></a></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<em>Written exclusively for WDD by <a href="http://cameronchapman.com/" style="color: #9e0728; font-weight: bold; text-decoration: none; word-wrap: break-word;">Cameron Chapman</a>.</em></div>
<div style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.25em; line-height: 1.5em; padding-bottom: 9px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<em><strong>What’s your favorite jQuery gallery plugin? Is it on the list or something else entirely? Let us know in the comments!</strong></em></div>
<div class="container-content" style="background-color: #f3f2e0; border-top-color: rgb(153, 153, 153); border-top-style: dotted; border-top-width: 1px; color: #282828; float: left; font-family: Arial, sans-serif; line-height: 19px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 5px; padding-top: 5px; text-align: left; width: 615px;">
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

</h2>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

65. <a href="http://www.webcms.in.th/go/?http://css-tricks.com/anythingslider-jquery-plugin/" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none;" target="_blank">AnythingSlider jQuery Plugin</a></h2>
<div style="font-size: 12px;">
<br /></div>
<h3 style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">

</h3>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://css-tricks.com/anythingslider-jquery-plugin/" style="color: #34789f; text-decoration: none;" target="_blank"><img alt="" height="293" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/1-anythingSlider.png" style="border-bottom-style: none; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="620" /></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong><a href="http://www.webcms.in.th/go/?http://css-tricks.com/examples/AnythingSlider/" rel="nofollow" style="color: #34789f; text-decoration: none;" target="_blank">Demo</a></strong></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

66. <a href="http://www.webcms.in.th/go/?http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none;"><strong><strong>Easy Slider – Numeric Navigation jQuery Slider</strong></strong></a></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" style="color: #34789f; text-decoration: none;"><img alt="" height="194" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/Easy-Slider.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="620" /></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong><a href="http://www.webcms.in.th/go/?http://cssglobe.com/lab/easyslider1.7/03.html" rel="nofollow" style="color: #34789f; text-decoration: none;" target="_blank">Demo</a></strong></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; font-size: 25px; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

67. <a href="http://www.webcms.in.th/go/?http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none;"><strong><strong>Create Beautiful jQuery slider tutorial</strong></strong></a></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html" style="color: #34789f; text-decoration: none;"><strong><strong><img alt="" height="184" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/jquery-sliders.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="620" /></strong></strong></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong><a href="http://www.webcms.in.th/go/?http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html" rel="nofollow" style="color: #34789f; text-decoration: none;" target="_blank">Demo</a></strong></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

<span style="font-size: small;">
68.<a href="http://www.webcms.in.th/go/?http://spaceforaname.com/galleryview" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; line-height: 19px; text-align: left; text-decoration: none;" target="_blank"><strong><strong>GalleryView</strong></strong></a></span></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://spaceforaname.com/galleryview" style="color: #34789f; text-decoration: none;" target="_blank"> <img alt="" height="320" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/galleyview.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="620" /></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong><a href="http://www.webcms.in.th/go/?http://spaceforaname.com/gallery-light.html" rel="nofollow" style="color: #34789f; text-decoration: none;" target="_blank">Demo</a></strong></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

<span style="font-size: small;">
69. <a href="http://www.webcms.in.th/go/?http://cool-javascripts.com/effects/image-flow-09.html" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; line-height: 19px; text-align: left; text-decoration: none;"><strong><strong>Image Flow</strong></strong></a></span></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://cool-javascripts.com/effects/image-flow-09.html" style="color: #34789f; text-decoration: none;"><strong><strong><img alt="" height="206" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/ImageFlow.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="620" /></strong></strong></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong><a href="http://www.webcms.in.th/go/?http://imageflow.finnrudolph.de/" rel="nofollow" style="color: #34789f; text-decoration: none;" target="_blank">Demo</a></strong></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

<span style="font-size: small;">
70. <a href="http://www.webcms.in.th/go/?http://jqueryfordesigners.com/slider-gallery/" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; line-height: 19px; text-align: left; text-decoration: none;" target="_blank"><strong><strong>Slider gallery</strong></strong></a></span></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://jqueryfordesigners.com/slider-gallery/" style="color: #34789f; text-decoration: none;" target="_blank"><strong><strong><img alt="" height="190" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/Slider-Gallery.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="594" /></strong></strong></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<strong><a href="http://www.webcms.in.th/go/?http://jqueryfordesigners.com/demo/slider-gallery.html" rel="nofollow" style="color: #34789f; text-decoration: none;" target="_blank">Demo</a></strong></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

<span style="font-size: small;">
71. <a href="http://www.webcms.in.th/go/?http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; line-height: 19px; text-align: left; text-decoration: none;" target="_blank">Creating a Slick Auto-Playing Featured Content Slider</a></span></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/" style="color: #34789f; text-decoration: none;"><img alt="" height="316" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/jquery_sliders_4.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="429" /></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

<span style="font-size: small;">
72. <a href="http://www.webcms.in.th/go/?http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; line-height: 19px; text-align: left; text-decoration: none;" target="_blank">Create Featured Content Slider Using jQuery UI</a></span></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
 <a href="http://www.webcms.in.th/go/?http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/" style="color: #34789f; text-decoration: none;"><img alt="" height="175" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/jquery_sliders_5.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="429" /></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Georgia, serif; line-height: 33px; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 30px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: -webkit-auto; vertical-align: baseline; word-spacing: 0.1em;">

<span style="font-size: large;">
73. <a href="http://www.webcms.in.th/go/?http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/" style="background-color: #f3f2e0; color: #34789f; font-family: Arial, sans-serif; line-height: 19px; text-align: left; text-decoration: none;" target="_blank">Using the Wonderful jFlow Plugin</a></span></h2>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://www.webcms.in.th/go/?http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/" style="color: #f99a1c; text-decoration: none;"><img alt="" height="163" src="http://www.webcms.in.th/datas/upload/images/Web-Development/gallery-jquery/jquery_sliders_11.jpg" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial;" width="429" /></a></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
<div style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 0.9em; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-align: -webkit-auto; vertical-align: baseline;">
jQuery is already very popular because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll have more than 35 different unique jQuery Javascript solutions for beautiful image galleries and great ways to display your images with light code</div>
</div>
<br />

รวมสุดยอด JQuery SlideShow ภาค (1)

1. PhotoSquare Photography WordPress Theme ($79) PhotoSquares is very flexible premium gallery WordPress theme that is perfect way for d...

อ่านเพิ่มเติม »