Canvas Slideshow
Eine Canvas Slideshow mit schönen Effekten
Download-Archiv
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Slideshow</title>
<style>
h2{
color: red;
}
pre{
padding: 4px;
border: #F90 dotted 1px;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
// Copyright 2010 htmldrive.net Inc.
/**
* @projectHomepage: http://www.htmldrive.net/go/to/canvasSlideshow
* @projectDescription: Html5 canvas image slideshow jQuery plugin.
* @author htmldrive.net
* More script and css style : htmldrive.net
* @version 1.0
* @license http://www.apache.org/licenses/LICENSE-2.0
*/
(function(a){
a.fn.webwidget_slideshow_html5_simple=function(p){
var p=p||{};
var ste=p&&p.slideshow_transition_effect?p.slideshow_transition_effect:"";
var m=p&&p.slideshow_time_interval?p.slideshow_time_interval:"2000";
var q=p&&p.slideshow_window_width?p.slideshow_window_width:"500";
var r=p&&p.slideshow_window_height?p.slideshow_window_height:"400";
var sbgc=p&&p.slideshow_background_color?p.slideshow_background_color:"#FFF";
var sb = p&&p.slideshow_border?p.slideshow_border:"#999 soild 2px";
q = parseInt(q);