flexsliderの使い方(デモ)とオプションの日本語訳。WEBTEQWEBTEQWEB制作・技術・解説メニューコンテンツへ移動ホームスポンサーリンクflexsliderの使い方(デモ)とオプションの日本語訳。スライダープラグインの使い方とオプションの日本語訳。簡単なデモDemoサイトはこちらhttp://flexslider.woothemes.com/レスポンシブ、フリックスライドにも対応で、なかなかスムーズなスライダーですね。レスポンシブスライダーのSwiperオプションも翻訳しました。モーダルウィンドウで写真を見せたい」も参照で。【使い方】1.まずはこの本サイトから必要なものをダウンロードしてくる。FLEXSLIDER」って書いてある緑のボタンですね。2.中身を取り出して、HTMLのhead内にはこのような感じで記述。{$('.flexslider').flexslider();});</script>取り出して使うファイルは、flexslider.css、jquery.flexslider.jsの二つ。読み込める位置に置いてくださいね。これらが読み込めていないことを気がつかずに、何時間も「できないなあ」と首をひねる初心者も多いでしょうから注意です。src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>っていうのはflexsliderを動かすためのエンジンみたいなもの。有名なプラグインJqueryってやつですね。このJqueryは1個のファイルを読み込ませればいいだけなんですが、自分のサーバーにおいて読み込ませてもいいし、Googleのサーバー上に置いてあるものを使っても良いですよってもなっているので、それを拝借する記述です。わからなければとにかくコピペでOK。3.body内はこんな感じで試してみる。/></li></ul></div>もし画像がなくっても、試しにやってみよう。動かなかった場合は、何かが間違っている。Jqueryが読み込まれているか、flexsliderのプラグイン自体(jsファイルね)が読み込まれているか、cssが読み込まれているか、確認してみる。class="slides">」のクラス「slides」を付け忘れちまうとこかな。わからなければコメントに質問でも残してくれれば、時間があるとき答えられるかも。みんな、がんばってくれ!さて、動かないとかもあるでしょう。動かしたいとかもあるでしょう。次のページはオプションの日本語訳です。※オプションの加え方は一番あとで。2.Flexsliderのオプションの日本語訳・オプションの加え方へ3.Flexsliderの使い方設定例へ4.Flexsliderのバグ例へ▼この記事には続きがあります。413件の返信スポンサーリンク▼この記事には関連リンクページがあります。操作の結果できるパーティションはアライメントが正しくないためにパフォーマンスがでません。二日酔いでそんな気になれない!UBUNTUにfail2banを導入したが、fail2banの起動でエラーが出てしまう。固定ページでループが含まれているときに、固定ページ自体のIDを取得したいとき。'さくらサーバーのhtaccessによるリダイレクトでループを防ぐ書き方。httpからhttpsにリダイレクトなんか特に。それはルーターのせいだった。PEARのamazonAPIから商品一覧を取得できるServices/Amazon.php。切り抜きやカンバスサイズ変更やトリミングのときにガイドもいっしょに動いてしまう件iPhone(iOS)のブラウザで、iframeの中でスクロールアニメーションが動かない!とき。DNSの設定でクリア。有効にする必要があります。YahooメールでPOPサーバーに到達できてもログインができないときSSLの更新時にエラー。incorrectサーバーがダウン。