emloSlightbox - Super Lightbox with slices

emloSlightBox is an improved version of the popular Lightbox. It can effectively open images, HTML content, maps, movies and even more.

emloSlightbox is easy to use and does not require configuration - just copy, paste and have fun. But if you do not like the default configuration, you can easily adjust all the options - change the animation speed and slices number, group elements, call functions such as onStart, onComplete, onClose and many more.

• Easy to use - no programming skills required, just copy, paste and have fun
• HTML5 compatibility
• SEO friendly!
• 20 unique transition effects
• No limits to the number of slightBoxes per page
• Doesn't need cofiguration to work - it works "out of the box", but you can change what you want - speed, slices etc
• Simple configuration
• Valid HTML / CSS
• Keyboard support
• Touch navigation support for iOS, Android, IE10 (Windows 8, Blackberry and other)
• Compatible with all major browsers (IE, Chrome, Firefox, Safari and Opera)
• Very easy to integrate into any existing website

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: lightbox.emlogic.pl

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="css/emloSlightBox.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="js/emloSlightBox.js"></script>

2. HTML

<a href="big-image.jpg" title="full caption" class="emloSlightBox">
    <img src="small-image.jpg" alt="thumb caption">
</a>

3. JAVASCRIPT

$('a.emloSlightBox').emloSlightBox();

4. OPTIONS

{
    en: {
        prev: 'prev',
        next: 'next',
        close: 'close',
        play:   'slideshow',
        pause:  'stop slideshow'
    },

    pl: {
        prev:   'poprzednie',
        next:   'następne',
        close:  'zamknij',
        play:   'autoodtwarzanie',
        pause:  'zatrzymaj
        autoodwtarzanie'
    }
}

5. METHODS

$('a.emloSlightBox').emloSlightBox({
    onStart: function(){
      alert('Welcome!');
    },

    onClose: function(){
      alert('Goodbye.');
    },

    onComplete: function(){
        alert('Mission completed');
    }
});

6. LANGUAGES

$('a.emloSlightBox').emloSlightBox({
    text: {
        fr: {
            next:  'le next',
            prev:  'le prev',
            close: 'le close',
            play:  'le play',
            pause: 'le pause'

        },
        en: {
            prev:   'prev',
            next:   'next',
            close:  'close',
            play:   'slideshow',
            pause:  'stop slideshow'
        }
    },
    language: $('html').attr('lang')
});