Code Monkey home page Code Monkey logo

15-lightbox-'s Introduction

15-Lightbox-

现在mobile即移动端,已经越来越得到前端设计师们的专注设计,而一个好的lightbox应用,现在也要兼顾移动端了,分享15个相关应用,大多数基于jQuery这个神级JS王者。

15-lightbox-'s People

Contributors

ilugo avatar

Watchers

 avatar

15-lightbox-'s Issues

15个移动端自适应 Lightbox 应用

iLightbox
http://ilightbox.net/

iLighbox is a jQuery lightbox plugins with a wide range support of media types: including videos, Flash / SWF, Ajax content, iframe and maps. This plugin also adds social media buttons on top of the media, allowing your users to share it to Facebook, Twitter or Reddit. Also check out the advanced section to see how iLightbox can be applied in different scenarios.

Dependency: jQuery
Browser Support: IE7+, Chrome, Firefox, Safari, and Opera
License: Undefined
lightbox-ilightbox

PhotoSwipe
http://photoswipe.com/

PhotoSwipe is by far my favorite ligthbox plugin. It’s light, touch-enabled, and most importantly modular which allows me to ditch a few parts that is not needed. It runs nicely in mobile browsers. You can swipe through images with your fingers as you would in a native app, and the transition runs really smooth.

Dependency: None
Browser Support: IE8+, Chrome, Firefox, Safari, Opera, and a couple of mobile browsers.
License: MIT license
lightbox-photoswipe

MagnificPopup
http://dimsemenov.com/plugins/magnific-popup/

MagnificPopup is another lightbox plugin, developed by the same person that gave us PhotoSwipe, Dmitry Semenov. It comes in the form of a jQuery/Zepto plugin, and also brings capabilities that are missing in PhotoSwipe such as support for Video, Map, and Ajax content. This is a great alternative for those who prefer having more features at hand.

Dependency: jQuery 1.9.1+, or Zepto.js
Browser Support: IE7 (partially), IE8+, Chrome, Firefox, Safari, and Opera.
License: MIT license
lightbox-magnificpopup

SwipeBox
http://brutaldesign.github.io/swipebox/

Swipebox is a jQuery plugin with touch gesture support for mobile platform. It also supports videos from Youtube and Vimeo aside from images. Swipebox is also downright easy to implement, and has a handful of options to customize its behavior. I think Swipebox is a great lightbox plugin for JavaScript noobs.

Dependency: jQuery
Browser Support: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android, and Windows Phone.
License: Undefined
lightbox-swipebox

Lightbox for Bootstrap
https://github.com/ashleydw/lightbox

Lightbox is one of the glaringly missing pieces from Bootstrap. This plugin fixes that. If you are using Bootstrap, I highly recommend using this library. The plugin is well-integrated with Bootstrap’s code-base.

Dependency: jQuery and Bootstrap Modal
Browser Support: IE8+, Chrome, Firefox, Safari, and Opera
License: GNU license
lightbox-bootstrap

Nivo Lightbox
https://github.com/gilbitron/Nivo-Lightbox

Nivo Lightbox is a flexible lightbox plugin. Several options are included to change the appearance into the way you like it to appear, such as changing the theme, the transition effect, and switching the navigation.

Dependency: jQuery
Browser Support: IE9+, Chrome, Firefox, Safari, and Opera
License: MIT license
lightbox-nivo

ImageLightbox
http://osvaldas.info/image-lightbox-responsive-touch-friendly

ImageLightbox is a lightbox plugin without the bloat. It is built specially for image hence the name given — no video or other media type supported. It also does not require extraneous HTML markup; the element is sufficient. The plugin just works.

Dependency: jQuery
Browser Support: IE9+, Chrome, Firefox, Safari, and Opera
License: Undefined
lightbox-imagelightbox

Mini Lightbox
http://ionicabizau.github.io/mini-lightbox/

Another lightbox plugin with none of the bloat. The library is only 2kb, and works only with images. It’s the perfect plugin if you only designate for the latest browser and do not need to overlay other media types like videos.

Dependency: None
Browser Support: IE10+, Chrome, Firefox, Safari, and Opera
License: MIT license
lightbox-mini

LightCase
https://github.com/cbopp-art/lightcase

Lightcase is a lovely lightbox plugin. It comes with several animations that makes user interaction come alive, like fade, elastic zoom and scrolling. Furthermore, it also supports various types of media including Youtube embed, HTML videos, SWF and input forms. The plugin also properly handles media cannot be reached or found errors

Dependency: jQuery
Browser Support: IE9+, Chrome, Firefox, Safari, and Opera
License: GPL license
lightbox-lightcase

Yalb
https://github.com/Fuzzyma/yalb

Yalb stands for Yet Another Lightbox — but it’s not. Yalb comes with a handful of APIs including custom events that allow you to identify lightbox states, such as when it is open and when it is close. Yalb comes in two version, Vanilla JavaScript and jQuery plugin.

Dependency: None
Browser Support: IE9+, Chrome, Firefox, Safari, and Opera
License: MIT license
lightbox-yalb

FeatherLight
http://noelboss.github.io/featherlight/

The 6kb Featherlight is a bare plugin for savvy developer and carries only the essentials. If you need, for example, to group image lightbox in a gallery, you can include the gallery extension. You can also develop your own extension for this plugin to fit in your project needs.

Dependency: jQuery
Browser Support: IE8+, Chrome, Firefox, Safari, and Opera
License: MIT license
lightbox-featherlight

LightLayer
https://github.com/martinmethod/lightLayer

LightLayer is an easy to use lightbox plugin. It has a handful of options, custom JavaScript methods, and custom events. the plugin works with images, videos, maps, and external content. What’s more can we ask.

Dependency: jQuery
Browser Support: IE9+, Chrome, Firefox, Safari, and Opera
License: MIT license
lightbox-lightlayer

LightGallery
http://sachinchoolur.github.io/lightGallery/

LightGallery, another lightbox plugin with a lot of features added. It comes with more than 20 options to customize the tiniest of details of the lightbox.

Dependency: jQuery
Browser Support: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android, and Windows Phone
License: MIT license
lightbox-lightgallery

FluidBox
http://terrymun.github.io/Fluidbox/

Fluidbox is an image lightbox plugin that is inspired from Medium. It works with images under various circumstances including floating image, image with absolute position, images that have border and padding, and galleries. Check out how it was built. If you need a WordPress plugin, there is one.

Dependency: jQuery
Browser Support: IE9+, Chrome, Firefox, Safari, Opera
License: MIT license
lightbox-fluidbox

StripJS 收费的,好贵的欧元
http://www.stripjs.com

StripJS is a unique lightbox plugin. Rather than overlaying the image, the plugin slides the images in from the side instead, so that it won’t block the whole content. StripJS supports both image and video.

Dependency: jQuery
Browser Support: IE7+, Chrome, Firefox, Safari, Opera, iOS 5+, and Android 3+
License: Creative Commons BY-NC-ND 3.0 license
lightbox-stripjs

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.