반응형
반응형

rlightbox – a jQuery UI mediabox

Table of Content

 

반응형
반응형

Best jQuery Lightbox Plugins for Developers

 

http://codegeekz.com/best-jquery-lightbox-plugins-for-developers/

 

Swipebox : jQuery Lightbox with Touch Support

swipebox-jquery-lightbox-plugin
Swipebox is a jQuery lightbox plugin that has support for touch events and works well in responsive layouts. It can display a single item or a group of items (gallery) where they can be browsed with swipe gestures or keyboard too. The plugin mostly uses CSS transitions and has jQuery fallback for unsupported browsers.

rlightbox : Responsive Lightbox with jQuery UI

rlightbox-jquery-plugin
rlightbox is a lightbox plugin that is built on top of jQuery + jQuery UI and comes with some fresh features that doesn’t exist in its alternatives. It can display any type of content from images to videos (YouTube and Vimeo), Flash files and HTML. The plugin has a unique “panorama” feature for showing only part of an image but allowing users to view the rest with panning. rlightbox can be set to display a single item or a set with the help of pre-next buttons (there is support for keyboard navigation as well). It is look and feel can be completely customized as the plugin is fully compatible with jQuery UI ThemeRolle

Colorbox : Highly-Customizable jQuery Lightbox

Colorbox-ajquery-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.

iLightBox : Impressive jQuery Modal Box Plugin

iLightBox
iLightBox is a fresh alternative to other jQuery lightbox plugins and there is a strong chance that, although it is a paid resource, it may become your favorite. It can present images, videos (YouTube, Vimeo, HTML5 video), other HTML and there is an optional fullscreen mode. The gallery mode can display other items as thumbnails and allows browsing via keyboard, mousewheel and touch events (swipe). There are retina-ready skins, it can be completely customized and iLightbox can also be used as a good-looking replacement for JavaScript’s alert, prompt and confirm dialogs.

Lightbox_me : Simple & Tiny Lightboxing

Lightbox_me
Lightbox_me is a jQuery lightbox plugin that doesn’t come with many features but simply enables you to lightbox any element. And, it is only 1kb compressed. It can position the modal box smartly in every situation whether the windows is resized or the window is smaller than the modal. To sum up, Lightbox_me is very functional for anyone who doesn’t need features like image/video gallery support but only a simple and good-looking lightbox.

Magnific Popup : Responsive jQuery Lightbox Plugin

magnific-popup-jquery-plugin
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device. The majority of lightbox plugins require you to define size of it via JS option. Magnific Popup does not – you can use relative units like EM’s or resize lightbox with help of CSS media queries. Update content inside lightbox without worrying about how it’ll resize and center.
Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size. Default controls are made with pure CSS, without external graphics. For the main image there is a built in way to provide appropriate source for different pixel density displays. Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.

FancyBox Light Box

fancybox-jquery-plugin
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It can display images, HTML elements, SWF movies, Iframes and also Ajax requests, customizable through settings and CSS, groups related items and adds navigation, supports fancy transitions by using easing plug-in and many more.

Slimbox 2

slimbox2
Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

반응형
반응형

InfluxDB: An open source database with no dependenceis

influxdb

반응형
반응형

IE 10 에서 iframe이 안보이면.

IE 브라우저에서 [도구] - [인터넷옵션] - [보안] tab 

 -  [사용자 지정수준]

 - [설정]

 - "IFRAME에서 프로그램 및 파일 실행" 을 "사용(안전하지않음)" 또는 "확인(권장)"으로 선택해야한다.

 

 

 

How to enable IFRAME in Internet Explorer 10?

Q: When i try to open site with “open here” i receive error:

“You are using iframe redirect incompatible browser and have dev WordPress version installed on this website. If the dashboard doesn’t show, try here.”.

In order to enable iframe in Internet Explorer 10 it’s required to change some security options.

Navigate to Internet Options and Enable “Launching programs and files in IFRAME (not secure).

iframe

Note: After enabling this option Internet Explorer will warn you about security issue because of the way how IE10 sees IFRAME in general.

After enabling this option IFRAME will still not open directly and it’s required to press “Show all content” button in IE10 pop-up.

You can leave this pop-up to show every time or you can disable it by following these steps:

a) Open Internet Explorer from the Desktop

b) Click on tools, and select Internet options

c) In Internet options window, click on security Tab

d) Select Internet Zone and Click on custom level

e) In security settings-Internet Zone window, select miscellaneous

f) Under miscellaneous, Enable the option which states”Display mixed content”

g) Click on ok and Apply

 

 

 

반응형
반응형

Best JQuery Image Galleries and Sliders

JQuery is an amazing source for programmers that give impressive stylish look into portfolio websites. In this case, we bring a collection of jQuery image sliders galleries that provide a good user experience and looking images more enjoyable and natural on your website. The ease of jQuery scripts, powerful JavaScript frameworks, libraries etc.

We have collection of free jQuery image galleries and sliders, we shall take look probably best examples out there. You might found relatively easy jQuery plugins which are being develops easily their own. Not at all jQuery image galleries are high quality. We have showcased all of them really good quality. You can find them useful and include them in your web tool kit. Let’s just jump into best jquery image sliders and galleries.

Slider Revolution Responsive jQuery Plugin

Responsive with any dimension, Full-Width, Reworked caption engine with animation builder navigation styles, 15 HTML Examples pages.

freejquerysliders-23

AviaSlider – jQuery Slideshow

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.

freejquerysliders-24

DDSlider – 10 Transitions – Inline Content Support

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

freejquerysliders-26

getcu3er – 3D Image Slider

CU3E is 3D jQuery Image Slider, EASY to set up, fully CUSTOMIZABLE, TAILORED to provide a UNIQUE look & feel, INSPIRING and FUN-to-USE. Play with CU3ER! Its 3D magic is awesome.

freejquerysliders-21

PieceMaker

It is an amazing jQuery slider with 3D effects between the image slides. You can use them in your websites and customize it.

freejquerysliders-22

Create a Responsive Image Slider

Responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3.

freejquerysliders-27

Advanced Slider – jQuery XML slider

Advanced Slider is one of the best jQuery sliders on the market, built to be used in a wide range of contexts.

freejquerysliders-28

Supersized

Supersized is a fullscreen background slideshow built using the jQuery library.

freejquerysliders-29

Responsive Image Gallery with Thumbnail Carousel

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery”

freejquerysliders-2

SLICEBOX

Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don’t support the new properties.

freejquerysliders-3

Making a photobooth Web app

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

freejquerysliders-4

Lateral On-Scroll Sliding with jQuery

The main idea is to laterally slide in elements depending on the scroll position of the document.

freejquerysliders-5



The Slidorion

A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description.

freejquerysliders-7

jCoverflip

It present your featured content elegantly.

freejquerysliders-8

Awkward Showcase

Awkward Showcase is a plugin for the JavaScript Framework jQuery. We call it a Content Slider.

freejquerysliders-10

Slides JS

SlidesJS is a responsive slideshow plug-in for jQuery with features like touch and CSS3 transitions.

freejquerysliders-11

Draggable Image Boxes Grid

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

freejquerysliders-6

Swipebox – A Touchable jQuery Lightbox

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

freejquerysliders-1

Elastislide

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.

freejquerysliders-12

Nivo Slider

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market.

freejquerysliders-13

Circular Content Carousel with jQuery

The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out.

freejquerysliders-14

Skitter Slideshow

Beautiful Slideshow which comes in different theme such as minimalist, round, clean and square.

freejquerysliders-15

Galleria

Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.

freejquerysliders-16

Elastic Image Slideshow

Create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

freejquerysliders-17

Diapo

Diapo slideshow is an open source project. It has custom animations which you can featured your images.

freejquerysliders-18

Freebie: Responsive jQuery Slider Plugin Flexslider

You can have a fully responsive slider for your responsive design.

freejquerysliders-19

Flux Slider

Another beautiful 2D and 3D Transitions accelerated image using CSS3

freejquerysliders-20

반응형
반응형

 

getdate()에 1초 더하기

 

SELECT getdate(),(dateadd(s,1,getdate()))

 

 

반응형

+ Recent posts