Recent news

Sunday, 29 May 2016

Fotorama is a Simple, Stunning and Powerful jQuery Gallery Plugin



Fotorma is a very simple and stylish jquery gallery plugin. This plugin have got next and previous button with image selection. This plugin we can use in asp.net, php, html, java etc.


How To Use
1. Add the below library reference

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>


2. Now add the below html tag.

     $(function () {
         $('.fotorama')
             .on('fotorama:ready', function (e, fotorama) {
                 fotorama.show({ index: 2, time: 0 });
             })
             .fotorama();
     })


3. Add the below code to perform operation

<div class="fotorama" data-auto="false" data-width="100%" data-height="100%">
    <div>Fo</div>
    <div>to</div>
    <div>ra</div>
    <div>ma</div>
</div>



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles