bxsliderというjqueryのスライドショーなんですが、これをページ内に複数設置しています。
どちらか一方のnextボタン、pervボタンを押すと、
二つのスライドショーを同時にスライドもしくはフェードさせるように動かしたいです。
方法はないでしょうか?
また、「このテキストは固定」と書いてあるものは、動かさず固定表示にしたいと思っていますが、
これはできなさそうでしたら大丈夫です。
サンプルはこちらです。
<!doctype html> <html> <head> <meta charset="UTF-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="http://bxslider.com/lib/jquery.bxslider.js"></script> <link rel="stylesheet" type="text/css" href="http://bxslider.com/lib/jquery.bxslider.css"> </head> <body> <script> $(document).ready(function(){ $('.bxslider1').bxSlider({ auto: false, minSlides: 1, //最低限表示する数 maxSlides: 1, //マックスで表示する数 moveSlides: 3, //スライドをどのくらいの数を動かすか slideWidth: 200, //ひとつの要素の幅を指定 controls: false }); $('.bxslider2').bxSlider({ auto: false, }); }); </script> <ul class="bxslider1"> <li>サンプルテキスト1<br><span style="color:#ff0000;">このテキストは固定</span></li> <li>サンプルテキスト2<br><span style="color:#ff0000;">このテキストは固定</span></li> <li>サンプルテキスト3<br><span style="color:#ff0000;">このテキストは固定</span></li> </ul> <ul class="bxslider2"> <li><img src="sample1.jpg" /></li> <li><img src="sample2.jpg" /></li> <li><img src="sample3.jpg" /></li> </ul> </body> </html>回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/21 23:24