読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

skippr.js 導入コード

jQuery 備忘録 プラグイン

skippr.jsの導入コード

headタグ内に入れてとりあえずこれで動いた(wordpressにて)

<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.skippr.min.js"></script>
<script>

//Skipperの初期化
jQuery("document").ready(function() {
jQuery("#theTarget").skippr({
    // スライドショーの変化 ("fade" or "slide")
    transition :'fade',
    // 変化に係る時間(ミリ秒)
    speed :2000,
    // easingの種類
    easing :'ease',
    // ナビゲーションの形("block" or "bubble")
    navType :'bubble',
    // 子要素の種類("div" or "img")
    childrenElementType :'div',
    // ナビゲーション矢印の表示(trueで表示)
    arrows :false,
    // スライドショーの自動再生(falseで自動再生なし)
    autoPlay :true,
    // 自動再生時のスライド切替間隔(ミリ秒)
    autoPlayDuration : 6000,
    // キーボードの矢印キーによるスライド送りの設定(trueで有効)
    keyboardOnAlways :true,
    // 一枚目のスライド表示時に戻る矢印を表示するかどうか(falseで非表示)
    hidePrevious :false
});
});

</script>
<link rel ="stylesheet" href="<?php echo get_template_directory_uri(); ?>/js/jquery.skippr.css" type="text/css" />

#container1 {
   height:任意の高さ;
     width:100%;
}
<div id="container1">
  <div id="theTarget">
    <div style="background-image: url(img/header-img1.jpg)"></div>
    <div style="background-image: url(img/header-img2.jpg)"></div> 
  </div>
</div>

<||


【参考URL】