Simple Extensible jQuery Carousel / Slideshow Plugin - neoslide

Simple Extensible jQuery Carousel / Slideshow Plugin - neoslide
File Size: 6.65 KB
Views Total: 1484
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

neoslide is a simple, flexible, extensible jQuery carousel plugin which helps you render a fully customizable image slider / slideshow on the webpage.


  • Cross browser.
  • Supports keyboard and mousewheel navigation.
  • Supports unlimited number of images.
  • Fade and slide animations.
  • Autoplay.
  • Animated image caption bar.
  • Thumbnail preview.
  • Easy to customize and extend.

Basic usage:

1. Include the jQuery neoslide plugin's CSS file in the head section of the webpage.

<link href="neoslide.css" rel="stylesheet">

2. The required markup structure for the carousel.

<div class="banner-wrap">
  <div class="banner">
    <ul class="banner-img">
      <li><img /></li>
      <li><img /></li>
      <li><img /></li>
    <div class="top"><p></p></div>
     <ul class="list">
       <li class="curr"></li>
  <img class="prew-img" />

3. Include jQuery library the jQuery neoslide plugin's JavaScript file at the bottom of the webpage.

<script src="//"></script>
<script src="jquery.neoslide.js"></script>

4. Initialize the pluign and insert an array of images with captions to the carousel.


  // width of the carousel

  // height of the carousel

  // 'right' or 'left'

  // autoplay interval

  // 'slide' or 'fade'

  // shows bottom list

  // shows top image caption bar

  // enable mouse wheel

  // enable keyboard navigation

  // an array of images
      'top':'Image Caption 1',    
      'top':'Image Caption 2',     
      'top':'Image Caption 3',    

This awesome jQuery plugin is developed by neove. For more Advanced Usages, please check the demo page or visit the official website.