Slidea – A Super Smart Responsive jQuery Slider Plugin

Here is an example of how to configure Slidea - A Super Smart Responsive jQuery Slider Plugin:

General Settings

$(document).ready(function() {
  $('#slider').slidea({
    loop: true,
    autoplay: true,
    interval: 5000
  });
});

Navigation Settings

$(document).ready(function() {
  $('#slider').slidea({
    navigation: true,
    navigationPrev: '<span class="prev"></span>',
    navigationNext: '<span class="next"></span>'
  });
});

Caption Settings

$(document).ready(function() {
  $('#slider').slidea({
    caption: true,
    captionText: '<p>This is a sample caption.</p>',
    captionPosition: 'bottom'
  });
});

Thumbnail Settings

$(document).ready(function() {
  $('#slider').slidea({
    thumbnail: true,
    thumbnailWidth: 100,
    thumbnailHeight: 50,
    thumbnailPosition: 'bottom'
  });
});

Responsive Settings

$(document).ready(function() {
  $('#slider').slidea({
    responsive: true,
    responsiveWidth: 768,
    responsiveHeight: 600
  });
});

Effects Settings

$(document).ready(function() {
  $('#slider').slidea({
    effect: 'fade',
    effectDuration: 1000
  });
});

Animation Settings

$(document).ready(function() {
  $('#slider').slidea({
    animation: 'slide',
    animationDuration: 500
  });
});

Pause Settings

$(document).ready(function() {
  $('#slider').slidea({
    pause: true,
    pauseOnHover: true,
    pauseOnFocus: true
  });
});

Here are the features of Slidea - A Super Smart Responsive jQuery Slider Plugin:

1. Responsive: Slidea is a responsive slider that adapts to different screen sizes and devices.
2. Layered: Slidea has a layered design, allowing you to position, size, and animate HTML and image layers.
3. Templates: Slidea comes with pre-made templates for different industries, such as restaurant, photography, fitness, office, and real estate.
4. Touch-enabled: Slidea is touch-enabled, providing a seamless mobile-friendly experience on all touch devices.
5. Animate Anything: Slidea allows you to animate any element inside a slide using one of the 50+ animation presets or custom animations.
6. Usage Ready: Slidea comes with all the necessary assets, including HTML, CSS, SASS, JS, CoffeeScript, images, and fonts.
7. Well Documented: Slidea has a comprehensive documentation with live examples, making it easy to get started and use.
8. Beginner Friendly: Slidea is designed to be beginner-friendly, with easy-to-follow guides and a simple syntax for creating custom animations.
9. Bootstrap and Foundation Compatible: Slidea is compatible with both Bootstrap and Foundation, making it easy to integrate with your existing framework.
10. Autoplay: Slidea allows you to autoplay your slides and pause on hover, looping controls, and more.
11. Retina Ready: Slidea is retina-ready, offering high-resolution images and a sharp visual experience.
12. Intuitive Navigation: Slidea provides intuitive navigation controls, including touch, thumbnails, mousewheel, pagination, progress bar, and scroller.
13. Easy Animation Syntax: Slidea's animation syntax is easy to read and write, allowing you to create custom animations without needing to know code.
14. 50+ Animation Presets: Slidea comes with 50+ pre-made animation presets, making it easy to create beautiful animations.
15. Custom Keyframed Animations: Slidea allows you to create custom keyframed animations, offering unlimited animation possibilities.
16. Multiple Sliders: Slidea supports multiple sliders on the same page, with minimal performance impact.
17. Video Support: Slidea supports video backgrounds and YouTube, Vimeo, and HTML5 video playback.
18. Content Scaling: Slidea allows you to scale HTML content responsively or use basic responsive CSS media queries.
19. Durations and Easings: Slidea allows you to set custom durations and easings for your animations.
20. Layouts: Slidea provides various layout options, including responsive, fullscreen, fluid, and content-based layouts.
21. Useful API: Slidea provides a useful API for controlling the slider's behavior, including events, methods, and dynamic content manipulation.
22. Beautifully Responsive: Slidea is designed to look beautiful on all devices, from phones and tablets to laptops and desktops.
23. Lifetime Updates: Slidea offers lifetime updates, ensuring you'll always have access to the latest features and improvements.
24. Compatibility: Slidea is compatible with jQuery 1.1+ and all major browsers, including IE9.

These features make Slidea a powerful and versatile jQuery slider plugin that can help you create stunning and engaging slider experiences for your website or application.