Hot File

Fully Responsive jQuery Image Slideshow Plugin - PgwSlider

View: 6722    Dowload: 21   Comment: 0   Post by: naruto  
Author: none   Category: Javascript   Fields: Other

12 point/12 review File has been tested

Download   fully-responsive-jquery-image.zip (9.76 KB)

You need to Sign In to download the file fully-responsive-jquery-image.zip
If you do not have an account then Sign up for free here

Download error   Report copyright violation

PgwSlider is a light and responsive jQuery slideshow plugin that automatically or manually switches your images with a simple fade-in effect. The plugin utilizes the image alt attribute for the image captions and the data-description attribute for more details about your images. By default, the plugin automatically generates thumbnails from the original images, however, you're allowed to use data-large-src attribute to specify the large version of your image.

Introduction

How to use it:

1. Include the jQuery PgwSlider's stylesheet file in the header of the page.

1
<link href="pgwslider.css" rel="stylesheet" type="text/css">

2. Include jQuery javascript library and the jQuery PgwSlider's script at the end of the page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="pgwslider.js"></script>

3. Create the image slideshow using Html unordered list.

<ul class="pgwSlider">
<li><img src="1.jpg" alt="Alt 1" data-large-src="1x2.jpg" data-description="More Description 1"></li>
<li><img src="2.jpg" alt="Alt 2" data-large-src="2x2.jpg" data-description="More Description 2"></li>
<li><img src="3.jpg" alt="Alt 3" data-large-src="3x2.jpg" data-description="More Description 3"></span>
</ul>

4. Call the plugin on Document Ready.

 

1
2
3
4
5
<script>
$(document).ready(function() {
    $('.pgwSlider').pgwSlider();
});
</script>

 

5. Options and defaults.

<script>
$(document).ready(function() {
$('.pgwSlider').pgwSlider({
autoSlide : true, // images.
adaptiveHeight : false, // the slider.
adaptiveDuration : 400, // (if it is activated).
transitionDuration : 400, // 2 images.
intervalDuration : 3000 // 
});
});
</script>
 

Fully Responsive jQuery Image Slideshow Plugin - PgwSlider

Fully Responsive jQuery Image Slideshow Plugin - PgwSlider Posted on 24-03-2014  PgwSlider is a light and responsive jQuery slideshow plugin that automatically or manually switches your images with a simple fade-in effect. The plugin utilizes the image alt attribute for the image captions and the data-description attribute for more details about your images. By default, the plugin automatically generates thumbnails from the original images, however, you're allowed to use data-large-src attribute to specify the large version of your image. 1/10 6722

Comment:

To comment you must be logged in members.

Files with category

  • JUnit 5 State Of The Union using java

    View: 275    Download: 0   Comment: 0   Author: none  

    JUnit 5 State Of The Union using java

    Category: Javascript
    Fields: Other

    4.5/1 review
    JUnit 5 has been under development for about 14 months now and the prototype is almost a year old. Time to summarize what happened so far, where the project stands, and where it’s going.

  • Getting Started with Dropwizard using java

    View: 261    Download: 0   Comment: 0   Author: none  

    Getting Started with Dropwizard using java

    Category: Javascript
    Fields: Other

    4.5/1 review
    Dropwizard is a framework for building RESTful web services in Java. In this tutorial we’re going to have a look at how to get started with developing a Dropwizard application by building a new service from scratch.

  • Build Query NULL Value in MySql

    View: 134    Download: 0   Comment: 0   Author: none  

    Build Query NULL Value in MySql

    Category: Javascript
    Fields: Other

    2.5/2 review
    Misunderstanding NULL is common mistake beginners do while writing MySql query. While quering in MySql they compare column name with NULL. In MySql NULL is nothing or in simple word it isUnknown Value so if you use comparison operator for NULL values...

  • Manage Your JavaScript Application State with MobX

    View: 143    Download: 0   Comment: 0   Author: none  

    Manage Your JavaScript Application State with MobX

    Category: Javascript
    Fields: Other

    2.25/2 review
    This article was peer reviewed by Michel Weststrate and Aaron Boyer. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be!

  • Build Bringing Pages to Life with the Web Animations API

    View: 142    Download: 0   Comment: 0   Author: none  

    Build Bringing Pages to Life with the Web Animations API

    Category: Javascript
    Fields: Other

    4.5/2 review
    This article is by guest author Dudley Storey. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the JavaScript community.

  • How to Style Google Custom Search Manually

    View: 110    Download: 0   Comment: 0   Author: none  

    How to Style Google Custom Search Manually

    Category: Javascript
    Fields: Other

    0/0 review
    Website owners very often decide on using Google’s Custom Search Engine (GCSE) for searching through their content instead of using built-in and/or custom search functionality. The reason is simple – it’s much less work, and most often it does the...

  • Test React Components Using Jest

    View: 4724    Download: 0   Comment: 0   Author: none  

    Test React Components Using Jest

    Category: Javascript
    Fields: Other

    4.5/1 review
    This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the JavaScript community.

  • Programming Question Reverse String without using String function

    View: 257    Download: 0   Comment: 0   Author: none  

    Programming Question Reverse String without using String function

    Category: Javascript
    Fields: Other

    0/0 review
    Write a program to reverse string without using string function. You don’t have to use any in-built string library function. This problem can be solved by multiple approaches. Let’s check it.

 
Newsletter Email

File suggestion for you

File top downloads

logo codetitle
Codetitle.com - library source code to share, download the file to the community
Copyright © 2015. All rights reserved. codetitle.com Develope by Vinagon .Ltd