artuc

Php Developer, Seldom Sober, would like to be somewhere else where he isn't nowadays

Perfect Galleries with Jquery

There are some links provided by Irfan Uygur. Irfan is a brilliant web programmer with great collector skills. He collects and saves links, pdf’s, articles and anythink he likes on web. And he saves them on his hard drive with the program treePad with good descriptions. When i need something, before googling it, i ask him. This is why he gets angry usually but when i think overall, it’s a fair price for such great information :)

Here are great gallery links made with jquery (i asked İrfan about vertical carousel)

http://www.sitepoint.com/blogs/2009/09/14/seven-jquery-plugins-images/
jParallax – jParallax turns a selected element into a ‘window.’ Through this window you can see a number of absolutely positioned layers. The layers move in response to the mouse, giving a parallax effect. The parallax effect was utilized on the popular Silverback application website last year.

360 Virtual Tour – This is a really nice plugin that allows you to add a panoramic image to your site with additional interactivity. Users can pan around the image and also click on hotspots for a closer view. -
http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en
Illuminated letters – This plugin lets you add a decorative drop cap to your text. The drop caps are images provided in a zip file with the plugin. I imagine it would be reasonably straightforward to replace the provided images with your own letter images if you wanted to use a different style. – http://www.openstudio.fr/Des-enluminures-avec-jQuery.html?lang=en

parallax – This is a really nice plugin that allows you to add a panoramic image to your site with additional interactivity.Users can pan around the image and also click on hotspots for a closer view. – http://webdev.stephband.info/parallax.html

jCrop lets users choose part of a large image and crop it to produce a second smaller image. This would be ideal for situations such as creating an avatar or thumbnail image for example. – http://deepliquid.com/content/Jcrop.html

Image Annotation lets you choose hotspots on an image where you can add tooltips or notes which display with a mouse rollover. You’ve probably seen this effect numerous times if you use Flickr.
imageannotation – http://code.google.com/p/jquery-image-annotate/

jCaption plugin lets you easily add a caption to an image. As simple as that. – http://www.newmediacampaigns.com/page/jcaption-a-jquery-plugin-for-simple-image-captions

jQuery Lightbox is a simple and elegant way to overlay image on the current page.http://leandrovieira.com/projects/jquery/lightbox/

Gallery View is a beautifully clean and versatile gallery. It contains thumbnails, a semi-transparent overlay for image descriptions and captions for the thumbnails. – http://plugins.jquery.com/project/galleryview

S3 Slider is a slideshow offering smooth transition of images with a semi-transparent area overlaid with the image description. – http://www.serie3.info/s3slider/demonstration.html
Galleriffic allows for two types of gallery setup, “simple” and “advanced”. The simple option uses text links to link to each image in the gallery while the advanced choice displays thumbnails on the left hand side. Other features include bookmark friendly URLs, image caption and descriptions and slideshow options. – http://www.twospy.com/galleriffic/#1

jQuery lightBox plugin http://leandrovieira.com/projects/jquery/lightbox

jQuery Image Strip http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip
jQuery slideViewer http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
jQuery jqGalScroll 2.0 http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery
jQuery Photo Slider http://opiefoto.com/articles/photoslider
jQuery Thumbs – easily create thumbnails http://joanpiedra.com/jquery/thumbs
jQuery jQIR Image Replacement http://www.texotela.co.uk/code/jquery/jQIR
jCarousel Lite http://www.gmarwaha.com/jquery/jcarousellite/index.php#what
http://www.enova-tech.net/lab/jMyCarousel/
jQPanView http://projects.sevir.org/storage/jpanview/index.html
jCarousel http://sorgalla.com/projects/jcarousel/#Examples
Interface Imagebox http://www.intelliance.fr/jquery/imagebox
Image Gallery using jQuery, Interface & Reflactions http://www.getintothis.com/blog/2006/10/12/image-gallery-using-jquery-interface-reflections
simple jQuery Gallery http://realazy.org/lab/jquery/j-gallery
jQuery Gallery Module http://chicagosocial.com/gallery
EO Gallery http://www.eogallery.com
jQuery ScrollShow http://flesler.blogspot.com/search/label/jQuery.ScrollShow
http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
prettyPhoto a jQuery lightbox clone : Artuc – 15-05-2008 Thu – http://www.no-margin-for-errors.com/projects/prettyPhoto/
jQuery Cycle Plugin http://www.malsup.com/jquery/cycle : COK GUZEL SECENEKLERI VAR !!! shuffle, zoom, fade, turnDown, scrollUp, scrollRight
jQuery Flickr http://www.projectatomic.com/en/flickr.htm
jQuery Lazy Load Images Plugin http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin
Zoomi – Zoomable Thumbnails http://www.sunsean.com/zoomi
jQuery Crop – crop any image on the fly http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop
Image Reflection http://jquery.com/plugins/project/reflection
16-05-2008 Fri : http://maxb.net/blog/2008/05/11/ycodaslider-20/
http://devkick.com/lab/galleria/
Common slide-show animations : http://www.gruppo4.com/~tobia/cross-slide.shtml
Galleria : http://devkick.com/o.php?v=http://monc.se/galleria
imgAreaSelect : http://devkick.com/o.php?v=http://odyniec.net/projects/imgareaselect/
jQuery.popeye – an inline lightbox alternative
http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/

Adds captions to images. captions are pulled from the alt tag or the html for a specified element.
http://plugins.jquery.com/project/imagecaptions

Simple JQuery Image Slide Show with Semi-Transparent Caption
http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption

jQuery Image Gallery/News Slider with Caption Tutorial
http://www.queness.com/post/443/jquery-image-gallerynews-slider-with-caption-tutorial

http://www.sitepoint.com/blogs/2009/09/14/seven-jquery-plugins-images/

Tag: , , , , ,

06.01.2010

Yorum Yazın

Mustafa ARTUÇ

Mustafa Artuc is working as a web application developer for 13 years. Specialized in: php, Zend Framework, css and javascript.

Mustafa ARTUÇ