Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    ibannerpublic

    ibanner

    v.0.0.1

    Touch enabled jQuery plugin that lets you create beautiful responsive ibanner slider. Visit Owl ibanner landing page

    Features:

    • Responsive
    • Touch Events
    • Mouse Slide Events
    • Fully Customizable
    • Choose the number of items to be displayed
    • Multiple Sliders
    • CSS3 3d Transitions
    • Custimizable controls
    • JSON
    • Custom events
    • Helpful callbacks

    Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrom on Google Nexus.

    More Demos

    See what Owl can do:

    1.Getting Started

    Load jQuery(1.7+) and include Owl ibanner plugin files

    <!-- Basic stylesheet -->
    <link rel="stylesheet" href="owl-ibanner/owl.ibanner.css">
     
     <!-- Default Theme -->
    <link rel="stylesheet" href="owl-ibanner/owl.theme.css">
     
    <!-- Include js plugin -->
    <script src="owl-ibanner/owl.ibanner.js"></script>

    2.Set up your HTML

    You don't need any special markup. All you need is to wrap your divs inside the container element

    . Class "owl-ibanner" is mandatory to apply proper styles that come from owl.ibanner.css file.

    <div class="owl-ibanner">
      <div> Your Content </div>
      <div> Your Content </div>
      <div> Your Content </div>
      <div> Your Content </div>
      <div> Your Content </div>
      <div> Your Content </div>
      <div> Your Content </div>
      ...
    </div>

    3.Call the plugin

    Now call the Owl initializer function and your ibanner is ready.

    $(".owl-ibanner").ibanner();

    4. For more details visit ibanner landing page

    License

    The MIT License (MIT)

    Keywords

    install

    npm i ibanner

    Downloadsweekly downloads

    2

    version

    0.0.2

    license

    ISC

    repository

    githubgithub

    last publish

    collaborators

    • avatar