jQuery(function($){ $('div.slideimage').slide(); }); (function($){ $.fn.slide = function(options){ var defaults = { fadeTime: 1000, intervalTime: 3000, waitTime: 5000, window: true }; options = $.extend(defaults, options); return this.each(function(){ var current = 0; var interval = 0; var slides = new Array; var target = $(this).addClass('slideimage'); var navi = $('<ul>').addClass('slidenavi');
![ナビ付きスライドショー - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d1aea638af2814aa808aa3209a2456a3a1f8875/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fb%2Ft%2Fp%2FbtpR.jpg%3Ft%3D1320291705)