webサイト制作の勉強|1月ブログ

webサイト制作の勉強に関する解説ブログです。

背景画像をスライド(フェード)させるjQuery 「VEGAS 2 BACKGROUND SLIDESHOW」

f:id:yachin29:20170412034616p:plain


img要素をスライドさせるプラグインは沢山ありますが、今回は背景画像をスライドさせる「VEGAS 2 BACKGROUND SLIDESHOW」を使用します。

http://vegas.jaysalvat.com/

<script>
$(function(){
$('header').vegas({
  transition: 'fade', 
  slides: [
    { src:'img/01.png' },
    { src:'img/02.png' },
    { src:'img/03.jpg' }
  ]
});
});
</script>