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

<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; 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;"> <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;"> <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"><img alt="featured-slider-jquery-image-slideshow-tools-free" height="281" original="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/featured-slider-jquery-image-slideshow-tools-free.jpg" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/jquery-gallery-solutions/featured-slider-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></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/examples/FeaturedContentSlider/" 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;"> 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;"> <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;"><img alt="" class="alignnone" height="300" original="http://3.s3.envato.com/files/1621503/preview.jpg" src="http://3.s3.envato.com/files/1621503/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 Slider Image Rotator" width="590" /></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://codecanyon.net/item/li-jquery-sliderimage-rotator/full_screen_preview/153638?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;"> 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...

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

มือถือกันนํ้าหลบไป คราวนี้ Fujitsu โชว tablet กันนํ้า

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSyI1xjGOmnIgpbj4j7UuqyqMXLE6aDZRvIIm7bcUWrpx1uiS6NBOaAYUhMRq5d5wk8FdSNcu0eyhGRFwVpkQp-_nomMRvSYxrw61G0bt9ar9phLdQNg53vpJn_yn5Gz-m8mz1eDvCaa40/s1600/fujitsu-arrows-waterproof-tablet-ces-0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSyI1xjGOmnIgpbj4j7UuqyqMXLE6aDZRvIIm7bcUWrpx1uiS6NBOaAYUhMRq5d5wk8FdSNcu0eyhGRFwVpkQp-_nomMRvSYxrw61G0bt9ar9phLdQNg53vpJn_yn5Gz-m8mz1eDvCaa40/s320/fujitsu-arrows-waterproof-tablet-ces-0.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> <span style="color: blue;">หากคุณต้องกังวลเวลา เอา tablet ของคุณไปเล่นในห้องนํ้า สระว่ายนํ้า หรือแม้กระทั้ง ตอนไปเที่ยวทะเลกับเพื่อนๆ งานนี้ หมดความกังวลแน่นอนเมื่อ Fujitsu โชว</span> <span style="background-color: white; color: #282828; font-family: Georgia; font-size: 15px; line-height: 19px;">แท็บเล็ต Android</span> <span style="color: blue;">กันนํ้า  <span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;">10.1 นิ้ว</span></span><br /> <span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;"><span style="color: blue;"><br /></span></span><br /> <span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;"><span style="color: purple;">- หน้าจอ WXGA ที่มีความละเอียด 1280x800 </span></span><br /> <span style="color: purple;"><span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;">- </span><span style="background-color: white;"><span style="font-family: Georgia; font-size: 15px; line-height: 19px;">ขับเคลื่อนโดย OMAP4430 1 GHz processor ​​core dual</span><span style="font-family: Georgia; font-size: 15px; line-height: 19px;"> </span></span></span><br /> <span style="color: purple;"><span style="background-color: white;"><span style="font-family: Georgia; font-size: 15px; line-height: 19px;">- </span></span><span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;">1GB RAM</span></span><br /> <span style="color: purple;"><span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;">- ความจำภายใน </span><span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;">16GB สามารถเพิ่ม Micro SD ได้ถึง 32G</span></span><br /> <span style="background-color: white; font-family: Georgia; font-size: 15px; line-height: 19px;"><span style="color: purple;">- กล้องหลัง 5.1 ล้านพิกเซล กล้องหน้า 1.3 ล้านพิกเซล</span></span><br /> <span style="background-color: white; color: #282828; font-family: Georgia; font-size: 15px; line-height: 19px;"><br /></span><br /> <span style="background-color: white; color: #282828; font-family: Georgia; font-size: 15px; line-height: 19px;"><br /></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUc5bWE_R6Tmq-OM0FuKNVm5f3hyq864ob1Q2_Tjxt0iJLb0ZZorkUgPpzJ3ZlDe03ZcZuLirTrNGCsfsNJ89zSOVIUdhU_ycz1kqPmaf1g8HBs7o5DweiIECKV88k9frZo9j4rCJbZZxE/s1600/fujitsu-arrows-waterproof-tablet-ces-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUc5bWE_R6Tmq-OM0FuKNVm5f3hyq864ob1Q2_Tjxt0iJLb0ZZorkUgPpzJ3ZlDe03ZcZuLirTrNGCsfsNJ89zSOVIUdhU_ycz1kqPmaf1g8HBs7o5DweiIECKV88k9frZo9j4rCJbZZxE/s320/fujitsu-arrows-waterproof-tablet-ces-1.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> เครดิต : <a href="http://www.pocket-lint.com/news/43792/fujitsu-arrows-waterproof-tablet-ces">http://www.pocket-lint.com/news/43792/fujitsu-arrows-waterproof-tablet-ces</a></div> <span style="background-color: white; color: #282828; font-family: Georgia; font-size: 15px; line-height: 19px;"><br /></span>

มือถือกันนํ้าหลบไป คราวนี้ Fujitsu โชว tablet กันนํ้า

หากคุณต้องกังวลเวลา เอา tablet ของคุณไปเล่นในห้องนํ้า สระว่ายนํ้า หรือแม้กระทั้ง ตอนไปเที่ยวทะเลกับเพื่อนๆ งานนี้ หมดความกังวลแน่นอนเมื...

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

สวัสดีปีใหม่ 2555 ครับ

<ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; line-height: 21px; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><img src="http://www.gooshare.com/goostory/attachment/forum/201112/23/233014qxgqxxd0n63vyyvp.jpg" style="-webkit-user-select: none;" /></span></span></span></ignore_js_op><br /> <ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; line-height: 21px; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><br /></span></span></span></ignore_js_op><br /> <ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; line-height: 21px; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><br /></span></span></span></ignore_js_op><br /> <ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; line-height: 21px; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">" ทุกวินาที คือ ปีใหม่ของเราเสมอ จงอยู่กับปัจจุบันและทำมันให้ดีที่สุด "<br style="word-wrap: break-word;" /></span></span><span style="font-size: medium; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">สิ่งสำคัญที่สุดของชีวิต</span>                    >>      <span style="color: magenta; word-wrap: break-word;">การมีสติอย่างต่อเนื่อง</span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">โชคดีที่สุดของชีวิต</span>                        >>      <span style="color: darkred; word-wrap: break-word;">ได้สติมาคุ้มครองตนเอง </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">มีความสุขมากที่สุดของชีวิต</span>              >>      <span style="color: red; word-wrap: break-word;">เมื่อสติทำงานแทนจิตได้แล้ว  </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">การให้ที่มีค่าที่สุดของชีวิต</span>                >>      <span style="color: black; word-wrap: break-word;">ให้กิเลสหมดออกไปจากใจ </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">ความผิดมากที่สุดของชีวิต</span>                >>      <span style="color: indigo; word-wrap: break-word;">ปล่อยให้จิตเกิดอาการ  </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">ความทุกข์ที่สุดของชีวิต</span>                   >>      <span style="color: orange; word-wrap: break-word;">ตอนที่จิตกับความคิดทำงานร่วมกัน  </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">ความยากจนที่สุดของชีวิต</span>                >>      <span style="color: seagreen; word-wrap: break-word;">ไม่มีกำลังสติสะสมเป็นทุน </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">สิ่งที่ลำบากที่สุดของชีวิต</span>                 >>      <span style="color: darkolivegreen; word-wrap: break-word;">จะแยกแยะ "จิต สติ ความคิด" ได้เด็ดขาดทำอย่างไง </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">การเรียนรู้ที่ดีที่สุดของชีวิต</span>               >>       <span style="color: darkslategrey; word-wrap: break-word;">รู้กายในกาย เวทนาในเวทนา จิตในจิตและธรรมในธรรม </span></span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">เพื่อนที่ดีที่สุดของชีวิต</span>                    >>       <span style="color: sienna; word-wrap: break-word;">สติ....</span> </span></span><br style="word-wrap: break-word;" /><span style="font-size: medium; word-wrap: break-word;"><span style="color: darkgreen; word-wrap: break-word;"><span style="color: black; word-wrap: break-word;">สุดท้ายที่สุดของชีวิต</span>                      >>       </span><span style="color: red; word-wrap: break-word;">หยุดการเวียนว่ายตายเกิดได้สำเร็จ</span></span> </ignore_js_op><br /> <ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><br /></ignore_js_op><br /> <ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><br /></ignore_js_op><br /> <ignore_js_op style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><img alt="gifts.jpg" class="zoom" file="http://www.gooshare.com/goostory/attachment/forum/201112/24/001029iezitu9sh4y8lk8s.jpg" id="aimg_30562" initialized="true" inpost="1" src="http://www.gooshare.com/goostory/attachment/forum/201112/24/001029iezitu9sh4y8lk8s.jpg" style="cursor: pointer; word-wrap: break-word;" title="gifts.jpg" width="324" zoomfile="http://www.gooshare.com/goostory/attachment/forum/201112/24/001029iezitu9sh4y8lk8s.jpg" /> </ignore_js_op><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px;"></span><br /> <br /> <br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจองานหนัก </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือโอกาสในการเตรียมพร้อมสู่ความเป็นมืออาชีพ </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอปัญหาซับซ้อน</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือบทเรียนที่จะสร้างปัญญาได้อย่างวิเศษ</span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอความทุกข์หนัก</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือแบบฝึกหัดที่จะช่วยให้เกิดทักษะในการดำเนินชีวิต</span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอนายจอมละเมียด</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือการฝึกตนให้เป็นคนสมบูรณ์แบบ (Perfectionist) </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอคำตำหนิ</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือการชี้ขุมทรัพย์มหาสมบัติ</span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอคำนินทา </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือการสะท้อนว่าเรายังคงเป็นคนที่มีความหมาย</span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอความผิดหวัง </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือวิธีที่ธรรมชาติกำลังสร้างภูมิคุ้มกันให้กับชีวิต </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอความป่วยไข้</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือการเตือนให้เห็นคุณค่าของการรักษาสุขภาพให้ดี </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอความพลัดพราก</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือบทเรียนของการรู้จักหยัดยืนด้วยขาตัวเอง </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอลูกหัวดื้อ</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือโอกาสทองของการพิสูจน์ความเป็นพ่อแม่ที่แท้จริง</span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอแฟนทิ้ง</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือความเป็นอนิจจังที่ทุกชีวิตมีโอกาสพานพบ </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอคนที่ใช่แต่เขามีคู่แล้ว</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือประจักษ์พยานว่าไม่มีใครได้ทุกอย่างดั่งใจหวัง </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอภาวะหลุดจากอำนาจ</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือความอนัตตาของชีวิตและสรรพสิ่ง </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอคนกลิ้งกะล่อน</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คืออุทาหรณ์ของชีวิตที่ไม่น่าเจริญรอยตาม </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอคนเลว</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือตัวอย่างของชีวิตที่ไม่พึงประสงค์ </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจออุบัติเหตุ</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือคำเตือนว่าจงอย่าประมาทซ้ำอีกเป็นอันขาด </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอศัตรูคอยกลั่นแกล้ง </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือบททดสอบว่าที่ว่า 'มารไม่มีบารมีไม่เกิด' </span></span><br /> <br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เ</span></span><span style="font-size: medium; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">วลาเจอวิกฤต</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือบทพิสูจน์สัจธรรม 'ในวิกฤตย่อมมีโอกาส'</span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอความจน</span> </span></span><br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือวิธีที่ธรรมชาติเปิดโอกาสให้เราได้ต่อสู้ชีวิต </span></span><br /> <br /> <span style="background-color: white; color: #444444; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: medium; word-wrap: break-word;"><span style="color: blue; word-wrap: break-word;"><span style="color: red; word-wrap: break-word;">เวลาเจอความตาย</span> </span></span><br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;">ให้บอกตัวเองว่า นี่คือฉากสุดท้ายที่จะทำให้ชีวิตมีความสมบูรณ์</span></span> <br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span><br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span><br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOad9vIehVocLWp4Bg93rZIKdBuU0imsPj8LBfG-aEJwxCW1Vymk_C5QAzNNNcoDKC1-0wLkaVfRwZ9TVkivWGPdp2F77rc8aPuWl733I6hGjNoWPULFoJQhklZWbI8gJ4bGD8v5TVYEEU/s1600/002226t1pt863tz4688tj1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOad9vIehVocLWp4Bg93rZIKdBuU0imsPj8LBfG-aEJwxCW1Vymk_C5QAzNNNcoDKC1-0wLkaVfRwZ9TVkivWGPdp2F77rc8aPuWl733I6hGjNoWPULFoJQhklZWbI8gJ4bGD8v5TVYEEU/s320/002226t1pt863tz4688tj1.gif" width="320" /></a></div> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span><br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span><br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span><br /> <span style="background-color: white; color: blue; font-family: Tahoma, Helvetica, mingliu, sans-serif; font-size: 14px; line-height: 21px; word-wrap: break-word;"><span style="font-size: medium; word-wrap: break-word;"><br /></span></span>

สวัสดีปีใหม่ 2555 ครับ

" ทุกวินาที คือ ปีใหม่ของเราเสมอ จงอยู่กับปัจจุบันและทำมันให้ดีที่สุด " สิ่งสำคัญที่สุดของชีวิต                     >>   ...

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