Pages tagged lightbox:

57+ Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/
Pirobox jQuery Lightbox | Design Shack
http://designshack.co.uk/tutorials/pirobox-jquery-lightbox

Pirobox jQuery Lightbox | Design Shack - http://designshack.co.uk/tutorials/pirobox-jquery-lightbox
jquery lightbox
jQuery : imgPreview Demos
http://james.padolsey.com/demos/imgPreview/full/
JQuery: Die 23 besten Bildergalerie Plugins | BLOGRAMMIERER
http://www.blogrammierer.de/jquery-die-23-besten-bildergalerie-plugins/
Recopilatorio de JQuery
JQuery: Die 23 besten Bildergalerie Plugins
ColorBox - customizable lightbox plugin for jQuery
http://colorpowered.com/colorbox/
nice looking thickbox alternative
スライドとか出来るプラグイン
MITライセンスlightbox。単一の写真表示、グループ化、AjaxでHTML取得、ビデオ埋め込み、IFRAMEで外部ページの埋め込み
Looks like a really good lightbox that works with jquery "ColorBox supports photos, photo groups, ajax, inline, and iframed content. It is completely unobtrusive, requires no changes to existing HTML. It degrades gracefully, all content displayed can be accessed without JavaScript. And it generates W3C valid XHTML and CSS."
From WebAppers. Another lightbox solution. Competes with Thickbox.
jQuery lightbox clone - prettyPhoto - by Stephane Caron
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
jQuery lightbox clone - prettyPhoto
角丸lightbox的ポップアップ
Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need. If you have any comment or ways to improve it, just leave me a comment! Bellow you can see a demo of a gallery and single image.
20+ ways to create javascript modal windows and dialog boxes | Design Label
http://www.designlabelblog.com/2009/03/20-ways-to-create-javascript-modal.html
It
Simple JQuery Modal Window Tutorial | Queness
http://www.queness.com/post/77/simple-jquery-modal-window-tutorial
Tutorial ensinando a montar "janelas" modais em páginas html, que podem ser usadas como os álbuns de fotos e campos de login, usando css e javascript
Simple fenetre modale en Jquery
Fullsize : A New IMG Tag Attribute
http://www.addfullsize.com/
Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This is an attempt to bring something truely useful to all web developers and is by no means a completely polished idea, but rather a step in the right direction. Please visit the Fullsize Google Group to add your thoughts on how you think this idea can be improved upon.
Fullsize is an attempt to get a new IMG tag attribute called fullsize into the next version of HTML.
Use jQuery to "turn off the lights" while watching videos
http://www.jankoatwarpspeed.com/post/2009/05/17/Use-jQuery-to-turn-off-the-lights-while-watching-videos.aspx
turn off the lights
TinyBox JavaScript Popup Box - 3.5KB - Web Development Blog
http://www.leigeber.com/2009/05/javascript-popup-box/
TinyBox is a lightweight and standalone modal window script. At only 3.5KB it doesn’t include any slideshow capabilities built-in but allows for any AJAX or HTML input so the sky is the limit.
TinyBox JavaScript Popup Box - 3.5KB - Web Development Blog
TinyBox is a lightweight and standalone modal window script. At only 3.5KB it doesn’t include any slideshow capabilities built-in but allows for any AJAX or HTML input so the sky is the limit. Future versions will include additional features. It can also be used for images and auto hiding alerts. The popups fade in/out and dynamically size based on the content if enabled. The styling is completely customizable through the simple CSS. I have a couple tutorials and a few scripts I will be posting very soon so check back.
Modal Windows In Modern Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/27/modal-windows-in-modern-web-design/
he modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn’t need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don’t need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort. In this article, we’ll go over best practices and trends for working with and building modal windows. We’ll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.
jQuery TOOLS - The UI library for the Web
http://flowplayer.org/tools/index.html
really good looking UI stuff for jquery
"jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb"
JQuery: Die 22 besten Modal - Fenster Plugins | BLOGRAMMIERER
http://www.blogrammierer.de/jquery-die-22-besten-modal-fenster-plugins/
JQuery
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/
30+ Useful Ajax Lightbox and Modal Dialog Solutions | Dottony
http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/
Modal dialog, windows or a popular term lightbox is an unobtrusive ajax solution for displaying the content inside the page itself, it overcome the constraint
Rounding Up the Top 10 jQuery Lightbox Scripts
http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts
So many choices, so little time.
10 Image and Gallery Lightbox Solutions for Wordpress - Plugins : Speckyboy Design Magazine
http://speckyboy.com/2009/03/31/10-image-and-gallery-lightbox-solutions-for-wordpress-plugins/
Image and Gallery Lightbox Solutions for Wordpress
some lightbox plug-ins for WordPress
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf
http://www.artviper.net/bumpbox.php
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf - http://www.artviper.net/bumpbox.php
25+ Create Amazing Image Effects with Some of the Best jQuery Plugins Available | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/25-create-amazing-image-effects-with-some-of-the-best-jquery-plugins-available.html
JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used Ja
JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like Wordpress and Drupal.The community is providing a huge amount of free plugins making it possible to find good solutions to nearny any need you may have. This article will introduce you to more than 25 jQuery plugins providing enhancements to how you can display images on your web pages. This is essential for creating dynamic state of the art web solutions. Lets get started!
Amazing Image Effects with jQuery
A demo of AD Gallery - Coffeescripter.com
http://coffeescripter.com/code/ad-gallery/
A jquery picture gallery
AnythingSlider
http://css-tricks.com/examples/AnythingSlider/#panel-1
Carsonified » How to Create a Valid Non-Javascript Lightbox
http://carsonified.com/blog/design/css/how-to-create-a-valid-non-javascript-lightbox/
ThinkVitamin - Carsonified's blog about the web
Lights Out – Dimming/Covering Background Content with jQuery | Build Internet!
http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/
Web Design, Development, and Business
facybox 1.0
http://bitbonsai.com/facybox/
facebook like divs and images
doesn't do prev/next however
FamSpam's facebox is great, but the visual is too facebookish (well that's the way they wanted it). Fancybox is great, but programmatically dealing with it is hard (you have to create an element on the fly and trigger a click on it). So, instead of using one or another, a mashup was created. Basically is a facebox with fancybox look.
Dynamic Drive DHTML Scripts- jQuery Image Magnify
http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm
Site Logo Script- Click here for a DHTML script that creates a static logo image, positioned in the lower right corner of the browser.
aumentar imagens, efeito javascrip
jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user's screen until dismissed.
CSS Library
kinda like lightbox...photo just enlarges once you click on it without the load image and next/previous/close buttons
XHTML & CSS Lightbox
http://www.growldesign.co.uk/projects/lb/#close
Lightbox without the Javascript. Me likey.
XHTML
Rounding Up the Top 10 Mootools Lightbox Scripts
http://line25.com/articles/rounding-up-the-top-10-mootools-lightbox-scripts
This collection of Mootools scripts rounds up the top ten Lightbox image viewers based on the Mootools Javascript library and highlights the supported media of each.
10 tipos de Lightbox Con MooTools
TinyBox - JavaScript Popup Script
http://sandbox.leigeber.com/tinybox/
Javascript popup pop up
Free Slideshow, Gallery And Lightboxes Scripts « Noupe
http://www.noupe.com/ajax/free-slideshow-gallery-and-lightboxes-scripts.html
Vários exemplos
Plugins And Tutorials To Enhance The Images Of Your Website With jQuery | PV.M Garage
http://www.pvmgarage.com/en/2009/10/plugins-and-tutorials-to-enhance-the-images-of-your-website-with-jquery/
In modern Web Development the Javascript Frameworks have a great spread for their versatility and for their usability. I daily use jQuery, maybe the most famous framework, to make rich my websites. In this post I’ve collected some resources that can be useful to enhance the images in many web projects. A complete list of plugins and tutorials that will be useful to improve the quality of your next works. Enjoy! Don’t forget, you are free to suggest additional resources in the comments to this post.
Plugins And Tutorials To Enhance The Images Of Your Website With jQuery | PV.M Garage - http://www.pvmgarage.com/en/2009/10/plugins-and-tutorials-to-enhance-the-images-of-your-website-with-jquery/
In modern Web Development the Javascript Frameworks have a great spread for their versatility and for their usability. I daily use jQuery, maybe the most famous framework, to make rich my websites.
In modern Web Development the Javascript Frameworks have a great spread for their versatility and for their usability. I daily use jQuery, maybe the most famous framework, to make rich my websites. In this post I’ve collected some resources that can be useful to enhance the images in many web projects. A complete list of plugins and tutorials that will be useful to improve the quality of your next works. Enjoy! Don’t forget, you are free to suggest additional resources in the comments to this post. Plugins and Scripts Supersized – Full Screen Background/Slideshow jQuery Plugin So, what exactly does Supersized do? Resizes images to fill browser while maintaining image dimension ratio; cycles Images/backgrounds via slideshow with transitions and preloading; navigation controls allow for pause/play and forward/back jQuery plugins and tutorial for the images Direct Link Live Demo ThickBox 3.1 ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. It
The #1 Javascript Pop Up - Get TopUp! - Home
http://gettopup.com/
The #1 Javascript Pop Up made by Paul Engel
lightbox系
An Awesome CSS3 Lightbox Gallery With jQuery – Tutorialzine
http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/
Galeria de Imagens com jQuery
30 Ajax Lightboxから使えそうなものを9個ピックアップ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-677.html
MITlicense
20 Professional jQuery Image Gallery Plugins : Speckyboy Design Magazine
http://speckyboy.com/2009/12/03/20-professional-jquery-image-gallery-plugins/
FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial | WebGurus Design Blog
http://www.webgurusdesignblog.com/2009/08/fancyplayer-jquery-fancybox-and-flowplayer-integration-tutorial/
fancybox+flowplayerによるflvの見せ方 jquery
Shopping Cart Design: Responsiveness and Improved User Interaction Lead To Conversions
http://www.bingocardcreator.com/articles/developing-shopping-cart.htm
20 Excellent Facebook Scripts and Resources - Noupe
http://www.noupe.com/javascript/20-excellent-facebook-scripts-and-resources.html
ajax สคริปทั้งหลายที่ facebook ใช้ เผื่อใช้น่อ
clearbox 3
http://www.clearbox.hu/index_en.html
Clearbox is a professional image and content viewer overlay window. Images below are speaking for themself, where you can see some examples about using the script: image galleries and many type of contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc.
stop slideshowstart slideshow
This is similar to a jquery slideshow plugin.
The Best jQuery Lightbox Scripts – woorkup.com
http://woorkup.com/2009/12/29/jquery-lightbox-scripts/
The Best jQuery Lightbox Scripts – woorkup.com
jQuery Lightbox
37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/
11 Useful jQuery Powered WordPress Plugins | Web Design Ledger
http://webdesignledger.com/resources/11-useful-jquery-powered-wordpress-plugins
We all know the kind of dynamic and engaging functionality that jQuery can add to a user interface, but integrating jQuery does require some technical know-how. This isn’t a big deal for many of us, but some WordPress users prefer the simplicity of a plugin. The purpose of this article is to help you discover some of the useful WordPress plugins available that gives you jQuery powered functionality in an easy to implement package. Carousel Gallery (jQuery) for Wordpress wordpress jquery plugin This plugin builds on the builtin Wordpress gallery, and replaces any gallery inserted using the tag with a neat jQuery powered carousel. By carousel it means you can browse through all the pictures in the gallery and they’ll slide from the right to the left and seamlessly start over at the end. jQuery Lightbox For Native Galleries wordpress jquery plugin jQuery Lightbox For Native Galleries makes the native WordPress galleries use a lightbox script called ColorBox to display the fullsize ima
Some fantastic JQuery plugins for WordPress development
Série de plugins em jQuery para Wordpress, incluindo galerias.
An Awesome CSS3 Lightbox Gallery With jQuery | Tutorialzine demo
http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php
An Awesome CSS3 Lightbox Gallery Drag the pics around to share them
YoxView - jQuery image viewer plugin
http://www.yoxigen.com/yoxview/
jQuery Lightbox - NETTUTS
http://net.tutsplus.com/freebies/lightboxes/jquery-lightbox-2/
图片显示
jQuery Lightbox | Nettuts+ - http://net.tutsplus.com/freebies/lightboxes/jquery-lightbox-2/
Cost: Free, links backFound Via: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/#mode-image
jQuery Superbox! is a script which allows you display windows with the lightbox effect. This script is a plugin for jQuery (1.3.x).
całkiem ładne i claiming accessible
Demo | jQuery.popeye 2.0 | an inline lightbox alternative
http://dev.herr-schuessler.de/jquery/popeye/demo.html
Galeria de fotos
image
an inline lightbox alternative
Plugin muito bom para exibir imagens. Com JQuery. (Slideshow) nota 1000
jQuery.popeye 2.0 | an inline lightbox alternative
http://dev.herr-schuessler.de/jquery/popeye/
jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
muy buena alternativa cuando hay poco espacio para mostrar muchas fotos.
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/#mode-content
Downlo
31 mind blowing collection of jQuery light box
http://www.dreamcss.com/2009/03/31-mind-blowing-collection-of-jquery.html
Lightbox_me - Stupidly Simple Lightboxing
http://buckwilson.me/lightboxme/
li
Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.
very good api lightbox
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets
http://devsnippets.com/article/techniques-using-pure-css-only.html
Galleria — A JavaScript gallery for the Fastidious
http://galleria.aino.se/
画像ギャラリー用jQuery
Semantic CSS3 Lightboxes
http://sixrevisions.com/css/semantic-css3-lightboxes/
I would really like to go thru this tutorial! It has some really neat features, but what I worry about is that this method of creating content does not lend itself to deep understanding on the part of the reader according to much of the recent research. The hyperlinks could be construed as distracting -- would be worth looking at though.
Semantic CSS3 Lightboxes - http://sixrevisions.com/css/semantic-css3-lightboxes/
Nivo Zoom - jQuery Image Zoomer
http://nivozoom.dev7studios.com/
Tiny Carousel: A lightweight jQuery plugin
http://baijs.nl/tinycarousel/
<ul class="pager"> <li><a rel="0" class="pagenum" href="#">1</a></li> <li><a rel="1" class="pagenum" href="#">2</a></li> <li><a rel="2" class="pagenum" href="#">3</a></li> <li><a rel="3" class="pagenum" href="#">4</a></li> <li><a rel="4" class="pagenum" href="#">5</a></li> <li><a rel="5" class="pagenum" href="#">6</a></li> </ul>