jQuery

【jQuery】CSS3フェードアウトスライドショーFadeShow

January 24, 2017
FadeShow

FadeShowはサイズを変更しながら比率を維持するシンプルなCSS3のフェードアウトスライドショー。

JS&CSS

<script src="src/jquery.fadeshow-0.1.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jquery.fadeshow-0.1.1.min.css" />

HTML

<div class="slideshow"></div>
$(function(){
  $(".slideshow").fadeShow({
    images: ['/img/one.jpg',
             '/img/two.jpg',
             '/img/three.jpg']
  });
});

Options

Option Name Default
images false
speed 8000
startAtSlide 0
correctRatio false
shuffle false