- ベストアンサー
JavaScriptでcoda-sliderをカスタムして使う方法
- JavaScriptのcoda-sliderをカスタムして使いたいけど、JavaScriptがわからないため、教えてほしい。
- coda-sliderをカレンダーのような機能にしたい。日にちをクリックすると関連商品がスライドする。
- CSSでは日にちの表示に成功したが、矢印の位置など他のカスタマイズができない。どうすればいいか教えてほしい。
- extra1
- お礼率100% (10/10)
- JavaScript
- 回答数2
- ありがとう数10
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 ＞あとは上にあるパネルをクリックしたら、その日にアップした ＞数アイテム並んでいるボックスにスライドさせ、それとは関係なく ＞矢印ボタンを押すと中のアイテムがボックスに関係なく1つづつ ＞スライドしていくというのがどうしても・・・ そのままcoda-sliderの機能で実現しようとしているのではないのですか？ パネルのタブの表示が日にちで、コンテンツの内容をパネル本体の表示にしてあげればよろしいのでは？ 矢印ボタンを押せば、パネルがスライドするはずですけど？
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
ざっと見ただけですが… ＞矢印の場所を変えたりなど他がどうにもいきません。 矢印は「 .stripNavL」と「.stripNavR」の部分で、backgroundでgif画像を表示しています。 最初のソースには該当要素がないみたいなので、スクリプトの初期設定の中で生成されているみたいですね。 両方ともposition:absoluteになっているので、親要素の<div class="slider-wrap">に対しての絶対位置指定で表示されることになります。 サンプルになっているCSSを例にすれば .stripNavL { left: 0; } .stripNavR { right: 0; } の部分で位置が指定されているので、位置を変えたければこのあたりを変えればよろしいかと…
お礼
ご回答いただきましてありがとうございます。 矢印の位置はたったそれでけのことだったんですね・・・ CSSはある程度理解できてるつもりだったんっですが・・・ 何か難しく考えすぎて、javascriptの方なのかな？って勝手に思っていました。 位置表示は上手くできました。 ありがとうございます！ あとは上にあるパネルをクリックしたら、その日にアップした 数アイテム並んでいるボックスにスライドさせ、それとは関係なく 矢印ボタンを押すと中のアイテムがボックスに関係なく1つづつ スライドしていくというのがどうしても・・・ 質問続きで大変申し訳ございませんが、ご教授願いますでしょうか？ よろしくお願いいたします。
お礼
お礼が遅れてしまいまして大変申し訳ございません。 再度、ご回答いただきましてありがとうございます。 ご指摘いただきましたように、そのままcoda-sliderの機能で 実現しようとしておりました。 今回ご指導いただきました内容ですが、自分の理解力が乏しく、 ＞パネルのタブの表示が日にちで、コンテンツの内容をパネル本体の表示にしてあげればよろしいのでは？ の肝心の部分がわかりません。 申し訳ございません。 ご回答いただきましたのを自分なりに考えてやってみたのですが、やはり上手くいきません。 度々で申し訳ございませんが、もう少し具体的にお教えいただけないでしょうか？ よろしくお願いいたします。