Advanced Lightbox Clone: Clearbox 3 Clearbox 3 is a Lightbox-like modal box script to display images, image galleries & various other contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc. It can show multi-line text information for any content displayed. And, as a unique feature, images displayed can be rotated with a click. Clearbox supports slideshow functionality and every aspect of it can be customized from the settings of the script. It is friendly with Ajax & can display content via Ajax calls. Also, its interface can be presented in any language by supplying a language file. P.S. Fancybox - Fancy lightbox alternative
SimpleModal Demos / Eric Martin / ericmmartin.com Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel. Demo Download Basic Modal Dialog For this demo, SimpleModal is using this "hidden" data for its content. Examples: $('#basicModalContent').modal(); // jQuery object; this demo$.modal(document.getElementById('basicModalContent')); // DOM$.modal('<p><b>HTML</b> elements</p>'); // HTML More details... OSX Style Dialog A modal dialog configured to behave like an OSX dialog. Inspired by ModalBox, an OSX style dialog built with prototype. Demo Download OSX Style Modal Dialog Hello! SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development. As you can see by this example, SimpleModal can be easily configured to behave like an OSX dialog. (or press ESC or click the overlay)
ColorBox: Highly-Customizable jQuery Lightbox ColorBox is a jQuery Lightbox plugin which is lightweight (9kb) & supports photos, photo groups, slideshow, ajax, inline, and iframed content. The lightbox has a very nicely designed interface which can be improved or customized with CSS. ColorBox is unobtrusive, every option is mentioned in the JS & requires no changes to the existing HTML. For faster displays & slideshows, it preloads background images and, optionally, can preload upcoming images in a photo group. The plugin comes with a bunch of settings, including transition types-speeds & opacity, for maximum customization. bgเลื่อนได้ เมฆลอยๆ สร้างแอนิเมชั่นด้วย jQuery Spritely ปลั๊กอิน แจ่มๆ ผมไปเจอปลั๊กอินของ jQuery ตัวหนึ่งชื่อว่า spritely เป็นปลักอินที่ไว้สำหรับสร้างแอนิเมชั่นบนหน้าเว็บ น่าสนใจจริงๆครับปลักอินตัวนี้ จากคำกล่าวที่ว่า 1 ภาพสามารถแทนได้คำพูดได้ หนึ่งล้านคำ ผมก็ขออาศัยคำนี้มาใช้หน่อย เพราะผมคิดว่าให้ท่านดู Live Demo น่าจะอธิบายสิ่งที่ปลั๊กอินนี้ทำได้ ดีกว่าผมนั่งอธิบายจนน้ำลายเปรอะเป็นกระโถน คลิกดูครับ Live Demo หรือจะดูที่นี่ก็ได้ ดาวน์โหลดโค้ดตัวอย่างที่ผมทำไว้ และไฟล์ที่จะใช้ในการสอนบทนี้ หลังจากดูตัวอย่างกันพอให้น้ำลายสอแล้ว เราก็เดินทางกันต่อดีกว่าครับ หลักการทำงาน จะคล้ายๆ กับที่เราสร้างภาพ .gif คือสร้างภาพนิ่งหลายๆภาพ โดยแต่ละภาพก็ให้มีส่วนใดส่วนหนึ่ง แตกต่างออกไป เมื่อเอาภาพมาเรียงต่อกันแล้วเล่นต่อเนื่อง มันก็จะเป็นภาพเคลื่อนไหว ปลักอินตัวนี้ประกอบไปด้วย method หลักๆ 3 ตัว คือ .pan() ไว้สำหรับทำฉากหลังเคลื่อนที่ เหมือนการแพนกล้อง .sprite() สำหรับทำให้วัตถุเคลื่อนไหว .spRandom() สำหรับทำให้วัตถุเคลื่อนที่ เคลื่อนตำแหน่ง ว่าแล้วก็มาดู วิธีสร้างฉากหลังกันก่อน 1. 2. 3. 4. 5. 6.
jQuery SuperBox! jQuery SuperBox! is deprecated and won’t be updated. I recommend to use an alternative like Magnific Popup for any new project. Traductions Français English The english version of this page has been generously translated from french by Anna Mondeteguy. Introduction This script is a plugin for jQuery (1.3.x). Why create a new script of this kind, when many exist already? Accessibility. only the rel attribute is used to launch the script. jQuery Superbox! Download The minified version of Superbox is 2kb when using GZip compressing, 5.4kb otherwise. Donwload jQuery Superbox! Contribute You want to participate? Getting started To install this script, you must include on your page jQuery, as well as the files jquery.superbox-min.js (minified version) and jquery.superbox.css: By default, the superbox is generated from the rel attribute of a link. The parameters specific to the display mode will then be put behind, in square brackets. To activate jQuery Superbox! $(function(){ $.superbox(); }); Picture mode
JQuery calenda Here we developed several frequently-used jquery ui plugins. They are all free (open source LGPL license), easy to use, and with great functionalities. Hope you can enjoy them. You may see them all in action JQuery Event Calendar Plugin jquery event calendar wdCalendar is a jquery based google calendar clone. Day/week/month view provided.create/update/remove events by drag & drop.Easy way to integrate with database.All day event/more days event provided. See it in action | Check documentation | download JQuery Scroll Tab Plugin jquery scroll tab wdScrollTab is a tab panel which has ability to scroll for tabs that do not fit on the page. croll tab in case of too many tabs.dynamical/remove hide.rich javascript API See it in action | Check documentation | download JQuery Checkbox Tree Plugin jquery checkbox tree wdTree is lightweight jQuery plugin for present tree with nested check boxes. parents/children checkinglazy load from database configurable node attributes JQuery Date Picker Plugin
Impressive jQuery Image Viewer: YoxView is a highly-customizable (Lightbox) for displaying single-to-multiple images. It helps browsing a list of images in a modal box with or as a The viewer supports displaying in a page where each of them can be configured independently. & already comes with multiple language files. Besides standard navigation, too. The plugin has many options like opacity levels, background colors, title display/fade durations & more.
20 Killer Image Sliders & Carousels | Blog Oh Blog Whenever I am developing a new website or WordPress theme, I try and look for new kind of content sliders and carousel scripts (that can scroll images & HTML content). Over a period of time, I have bookmarked some efficient sliders that can also be easily integrated into WordPress if you have the skills. I am sure these will be helpful to both moderate and advanced developers alike. 1. This is a lively script that make your images grow in size whenever someone hovers their cursor over the thumbnails. 2. An easily configurable content slider plugin for JQuery that supports both horizontal and vertical scrolling. 3. This is the prettiest of them all! 4. This is another JQuery slider plugin with the lightest footprint of only 380Kb. 5. A nifty styled Image slider using CSS and JQuery script. 6. This is another content scroller with navigation links to scroll between slides – hence the name, Pager. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20.