Submit your widget

jQuery fsbanner Plugin Examples

Created 4 years ago   Views 11204   downloads 3021    Author jqueryscript
jQuery fsbanner Plugin Examples
View DemoDownload 42.8 KB
Share |

fsbanner is a very small jQuery plugin used for creating an accordion-style background image slider that supports both click and hover events.

How to use it:

1. Include the required stylesheet fsbanner.css in the head section of the html document.

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

2. Add images with description text into the accordion slider.

<div class="fsbanner" id="demo">
  <div style="background-image:url(1.jpg)">
    <span class="name">Image 1</span>
  <div style="background-image:url(2.jpg)">
    <span class="name">Image 2</span>
  <div style="background-image:url(3.jpg)">
    <span class="name">Image 3</span>

3. Include jQuery library and the jQuery fsbanner plugin's script at the end of the document so the page loads faster.

<script src="//"></script> 
<script src="fsbanner.js"></script> 

4. Initialize the plugin on document ready and done.

Read more:

Tag: accordion