Default options, with caption.

Result
  • Bird
  • Flower
  • Butterfly
  • Rose
Code

$('#demo1_thumbs').desoSlide({
    main: {
        container: '#demo1_main_image',
        cssClass: 'img-responsive'
    },
    caption: true
});

Autostarting, displaying the second image at loading. No link and no keys. Just standard controls.

Result
  • city
  • building
  • eiffel
  • bridge
Code

$('#demo2_thumbs').desoSlide({
    main: {
        container: '#demo2_main_image',
        cssClass: 'img-responsive'
    },
    auto: {
        start: true
    },
    first: 1,
    effect: 'sideFade',
    controls: {
        keys: false
    }
});

Displaying the overlay by hovering the main image. No link provided and no controls.

Result
  • tortoise
  • tiger
  • lynx
  • dog
Code

$('#demo3_thumbs').desoSlide({
    main: {
        container: '#demo3_main_image',
        cssClass: 'img-responsive'
    },
    effect: 'flip',
    overlay: 'hover',
    caption: true,
    controls: {
        enable: false,
        keys: false
    }
});

Autoloading. Hiding the overlay.

Result
  • dolmens
  • lighthouse
  • road
  • wheat
Code

$('#demo4_thumbs').desoSlide({
    main: {
        container: '#demo4_main_image',
        cssClass: 'img-responsive'
    },
    auto: {
        start: true
    },
    effect: 'rotate',
    overlay: 'none',
    controls: {
        enable: false,
        keys: false
    }
});