flexsliderの使い方(デモ)とオプションの日本語訳。レスポンシブスライダー、フリックスライドにも対応 - WEBTEQ
Demoサイトはこちら http://flexslider.woothemes.com/ レスポンシブ、フリックスライドにも対応で、なかなかスムーズなスライダーですね。 【注 目】 ※非Jquery なレスポンシブスライダーのSwiperオプションも翻訳しました。 ※ついでにモーダルウィンドウ（画面中央に飛び出てくるやつネ）もつけたいときは「Lightbox2の使い方 モーダルウィンドウで写真を見せたい」も参照で。 【使い方】 １．まずはこの本サイトから必要なものをダウンロードしてくる。 http://www.woothemes.com/flexslider/ 「DOWNLOAD FLEXSLIDER」って書いてある緑のボタンですね。 ２．中身を取り出して、HTMLのhead内にはこのような感じで記述。順番はこのままで。 <link rel="stylesheet" href="flexs
ブラウザの幅全体をメイングラフィックにするスライドショーを作成する【jQuery連載11】 | HTML5でサイトをつくろう
前回は、クリックで開閉するスライドメニューを作成しましたが、今回はメイングラフィックスペースをグラフィカルにするスライダーを作成します。 ページ上部のメイングラフィックスペースに複数の情報を表示させるようにするスライドショーを作成する。今回は、メインの画像が中央に、その両側には前後のグラフィック画像に黒い半透明の画像が被さった状態で表示されるスライダーを作成します。 前後の画像が両側に表示されるため、ウィンドウサイズが変わっても横幅いっぱいに画像が表示され、よりグラフィカルなイメージを与えることができます。 今回作成したサンプル 【サンプル】ブラウザ一杯に広がったメイングラフィックに最適なスライドショーを作成する http://www.html5-memo.com/sample/jq-books/08 スライドショーのHTML ヘッダーエリアの上にスライドショーを設置するが、レイアウトによ
PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」:phpspot開発日誌
Swipeshow: the unassuming touch-enabled slideshow JavaScript library PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 次のようなデザインで、スワイプで画像が遅れるスライドショーが実装できます 画像だけでなく、HTMLを埋め込むことも可能。主にスマホ用として便利に使えそうです。自動再生等必要な機能は揃っています 選択肢の一つとして考えても良いかも 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
