2013-10-18 Friday 勉強会の議事録です。(part2) (part1 : slider css version)
kanedaさんのリクエストで、ショッピングサイト等でみかけるスライドパネルについてやりました。
CSSで実装するパターンとjQueryで実装するパターンをやりました。
タカハシ先生、ありがとうございました。
jQueryで実装するパターンを自分のサイトにアップしたので、興味のある方はご覧下さい。
http://nobu-69.com/others.html
「jQuery ショッピングサイト等でみかけるスライドパネル 2013/10/23」をクリックして下さい。
>タカハシ先生
うまく動きません。いろいろやってみましたが出来ませんでした。明日の勉強会でもう一度お願いします。
まとめありがとう。
うまく動かないのが、1回にうごかすパネルの数についてなら、トリガーとして書いたjavascriptに、
scroll:1 を足すとOK。
wrap: ‘circular’
となっている所を、
wrap: ‘circular’,
scroll:1
にする。
配布元の説明は以下にあります。
http://sorgalla.com/projects/jcarousel/#Configuration
日本語ならこちらの「オプション」を読みましょう。
http://www.fsfield.info/develop/javascript/022/
ありがとうございます。
日本語のサイトを参考にトリガーをカスタマイズしていたのですが、以下のようなミスをしていたようです。
scroll : ‘1’ ×
scroll : 1 ◎
数字は「ちょんちょん」不要！
あと、オプションを足していく場合は「,」をつける！
例）wrap: ‘circular’,
scroll:1
ピンバック: CSS SLIDE PANEL | パソコン倶楽部りんご
ピンバック: スマートフォン向け jQuery Slide Panelの画像表示 | パソコン倶楽部りんご