###前提・実現したいこと
swiper.jsを利用して、月ごとのカレンダーを表示させています。
「●」…の連続で表示されるページネーションとは別に、「1月」「2月」…のようなリンクを作成し、それぞれの月に該当するスライダー内のコンテンツを表示させるようにしたいのですが…。
javascriptの知識があまりに乏しく、どこをどうすればよいのかわかりません。
###発生している問題・エラーメッセージ
「●」…の連続で表示されるページネーションをCSSで「1月」「2月」…のようにCSSで書き換える方法も考えましたが、うまくいきませんでしが。
エラーメッセージ
###該当のソースコード
スライダー内の基本的な構成は以下のようになっています。
<!-- javascript部分 --> <script> var swiper = new Swiper('.swiper-container', { nextButton: '.swiper-button-next , .link_next , .next_allow', prevButton: '.swiper-button-prev , .link_prev , .prev_allow', initialSlide: new Date().getMonth(), }); </scirpt> <!-- javascript部分終わり --> ###補足情報 <a href="#janu">1月のカレンダー</a> のようなリンクを作って、スライダーの中身を指定して表示させることはできますでしょうか? わかりにくい質問で恐縮ですが、ご教授頂けますと幸いです。 どうぞよろしくお願い致します。<!-- スライダー全体 --> <div class="swiper-container"> <!-- スライダーに含まれるコンテンツ全体 --> <div class="swiper-wrapper"> <!-- スライダーの中身① --> <div class="swiper-slide"> <section id="2017_janu"> 1月のカレンダー </section> </div> <!-- スライダーの中身② --> <div class="swiper-slide"> <section id="2017_feb"> 2月のカレンダー </section> </div> </div> <!-- ページネーション --> <div class="swiper-pagination"></div> </div>
回答2件
あなたの回答
tips
プレビュー