jQuery Slide Panel

jQuery Slide Panel

2013-10-18 Friday 勉強会の議事録です。(part2)  (part1 : slider css version)

kanedaさんのリクエストで、ショッピングサイト等でみかけるスライドパネルについてやりました。
CSSで実装するパターンとjQueryで実装するパターンをやりました。

タカハシ先生、ありがとうございました。

jQueryで実装するパターンを自分のサイトにアップしたので、興味のある方はご覧下さい。
http://nobu-69.com/others.html
「jQuery ショッピングサイト等でみかけるスライドパネル 2013/10/23」をクリックして下さい。

>タカハシ先生
うまく動きません。いろいろやってみましたが出来ませんでした。明日の勉強会でもう一度お願いします。

カテゴリー: 勉強会 | 投稿日: | 投稿者:
真中のぶ

真中のぶ について

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭10周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

jQuery Slide Panel」への4件のフィードバック

  1. タカハシ先生タカハシ先生

    まとめありがとう。
    うまく動かないのが、1回にうごかすパネルの数についてなら、トリガーとして書いたjavascriptに、
    scroll:1  を足すとOK。
    wrap: ‘circular’
    となっている所を、
    wrap: ‘circular’,
    scroll:1
    にする。

    配布元の説明は以下にあります。
    http://sorgalla.com/projects/jcarousel/#Configuration

    日本語ならこちらの「オプション」を読みましょう。
    http://www.fsfield.info/develop/javascript/022/

    返信
    1. 真中のぶ真中のぶ 投稿作成者

      ありがとうございます。
      日本語のサイトを参考にトリガーをカスタマイズしていたのですが、以下のようなミスをしていたようです。

      scroll : ‘1’  ×
      scroll : 1 ◎

      数字は「ちょんちょん」不要!
      あと、オプションを足していく場合は「,」をつける!
      例)wrap: ‘circular’,
        scroll:1

      返信
  2. ピンバック: CSS SLIDE PANEL | パソコン倶楽部りんご

  3. ピンバック: スマートフォン向け jQuery Slide Panelの画像表示 | パソコン倶楽部りんご

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.