Introduction
Hi all,
This is simple use for slideshow , We have 3 step for this.
Step 1: Add the JavaScript function
Copy and paste script below in your script tag.
var folder = "images";
var timeout = 4000;
var StartPicc = 2;
var EndPicc = 5;
var timer;
$(document).ready(function () {
timer = setTimeout("EasySlideShow();", timeout);
});
function EasySlideShow() {
$("#imgshow").fadeOut('slow', function () {
$("#imgshow").attr("src", folder + "/" + StartPicc.toString() + ".jpg");
$("#imgshow").fadeIn('slow')
if (StartPicc < EndPicc)
StartPicc++;
else
StartPicc = 1;
});
clearTimeout(timer);
timer = setTimeout("EasySlideShow();", timeout);
}
Step 2: Add jQuery
Step 3: Add image to your folder
named folder to images
named picture to 1.jpg > xxx.jpg
Copy and paste script below in your script tag.
Enjoy Easy ASP.NET jQuery Demo ZomDev
No comments:
Post a Comment