配布元: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