▽1
●
a-kuma3 ●100ポイント ベストアンサー |
スライダーの部分には、jCarousel というライブラリが使われているようです。
http://themes.svn.wordpress.org/parallax/1.0.35/cyberchimps/lib/js/jquery.jcarousel.js
本家のサイトがこちら。
http://sorgalla.com/jcarousel/
このライブラリのプラグインにAutoscroll Pluginというのがあって、interval というオプションで時間間隔を変更できそうです。
http://sorgalla.com/jcarousel/docs/plugins/autoscroll/reference/configuration.html
jCarousel の初期化をやっているのは elements/slider-lite.php の末尾の方です。
<script type="text/javascript"> jQuery(document).ready(function () { // Initialize the slider. jQuery('.carousel').carousel(); }); </script> <?php } ?>
ここを、以下のように書き換えてあげれば良いんじゃないかと思います。
<script type="text/javascript"> jQuery(document).ready(function () { // Initialize the slider. jQuery('.carousel').carousel({ interval: 10000 /* 10秒間隔 */ }); }); </script> <?php } ?>
<div class="row-fluid"> <div id="slider_lite" class="carousel slide"> <div class="carousel-inner"> <?php foreach ($slides as $slide): ?> <?php if ($slide['img'] != ''): ?>
の部分を
<div class="row-fluid"> <div id="slider_lite" class="carousel slide" data-interval="10000"> <div class="carousel-inner"> <?php foreach ($slides as $slide): ?> <?php if ($slide['img'] != ''): ?>
としてみたら、どうなりますか?
ちなみに、elements/slider-lite.php を修正した後に、ブラウザで表示して、ブラウザの機能でページのソースを表示したときに、その修正は反映されているんでしょうか?