カメラとか、ノートとか。

X-E2が好きなおっさんのブログ

jQueryのスライドショーDualSlider

配布元:http://www.hugoandcat.com/DualSlider/

配布元でcssと各jsをダウンロード。
で、下のように記載。


css

■script




<script type="text/javascript">
$(document).ready(function(){
$(".carousel").dualSlider({
auto:true, //自動スライド

autoDelay: 15000, //間隔

easingCarousel: "swing", //easingプラグインのエフェクト

easingDetails: "easeOutBack",//easingプラグインのエフェクト詳細部分

durationCarousel: 2000, //長さ

durationDetails: 1000 //詳細部分の長さ

});

});


<div class="panel">
<div class="details_wrapper">
<div class="details">
<div class="detail">
<h2 class="Lexia-Bold">Dolor sit amet Cum sociis natoque penatibus et magnis dis parturient montesRead more


Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Read more