逆にスライドどうもこんにちは。最近ジョギングを頑張って2kgほど軽くなりました!北見尚之です。今回はありそうでなかなか見つからない左から右に流れるスライダーの備忘録です。スライダーのjqueryは色んな種類があり、エフェクトもスライドだけでなく、フェードやパラパラかわったり、中には画像が額から落ちて切り替わったりと種類も豊富で見る人を楽しませてくれます。とある理由から左から画像が入って右に抜けるスライダーを探していたのですが、なかなか見つからず。jqueryの中身を見るがチンプンカンプンにて候。flexsliderを使いましょう。jqueryのflexsliderを使う。オプションのreverseを使う。これだけで彼がすべてを片付けてくれます。ちなみにnivosliderにも似た効果があります。(slideinLeft,slideinRightというオプションですが、スライドが入ってくるという動作ではなく、左から右に画像が上書きされて見えるような効果でした。ダウンロードしたflexslider一式を自分のレンタルサーバーにアップロードいつもどおりですね。ファイル一式をアップロードしてください。タグからflexsliderのスクリプトとスタイルシートを読み込みます。//flexsliderのスクリプトを読み込み</head>読み込みができているかの確認はサイトを開いてソースを表示。URLを押した時にソースコードが画面に表示されるか?404とNotfoundと表示された場合は読み込むURLの記述が間違ってます。</ul></div>div要素に”flexslider”、ul要素に”slider”を記述してスライドさせたい画像をリストで並べます。headタグ内にflexsliderの動作用のコードを記述します。});});</script></head>以上で完成です。話の最初に戻りますが、スライダーを左から右に流すオプションは上記オプションの”reverse”になります。入れてあげることで簡単に実装可能です。>デモサンプル以上です。Kovshenin.。