WEB-LABOjQueryスライドショーの2回目は、フェードイン・フェードアウトのみから横からのスライドインへの変更(全3回)2014/10/27JavaScriptjQueryツイート先々週から3回に分けて行っているjQueryを使ったスライドショー作成。前回は、単純なフェードイン・フェードアウトだけでの切り替えでしたが、今回は横からのスライドインにしてみます。1回目の記事はこちらまずは動作サンプルから実際は、もう少しゆっくり切り替えますが、サンプルなので1秒で切り替えています。変更点は、22行目から31行目です。1回目のフェードイン・フェードアウトを作っていないかたは、まず1回目のスライドショーを先に作ってください。「1000」が実行の間隔です。右からのスライドインを実現するために、あらかじめマージンで200pxずらしておきます。ちなみに左からのスライドインにする場合は、-200pxとネガティブマージンを設定してください。29行目の追加マージンをゼロにすることで、右にずらした画像が元の位置に戻ろうとすることでスライドインが実現します。キャンペーンに当選!人生は、経験値を貯めてレベルアップするRPGと同じ。views要素の追加(appendChild)と削除(removeChild)で上手くいかない原因はTextNode(テキストノード)だった。viewsfacebookページプロフィールKimi.熊本の専門学校でWebをメインに教えています。「Webデザイナーである前に、ビジネスパーソンであれ」がモットーです。「今」の積み重ねによる未来を待つのではなく、未来から逆算して「今」を生きる。googleフィードRSSAtom。