Webデザイン後編/練習問題(上)進化するモコモコ(PC版)練習問題(基礎)サンプル通りに実装してみてください。多少の記述の差異は、問題ありません。主要であるブラウザで問題なくレイアウトが整っていることが到達点です。完成サンプルを見る(PC版対応のみ)分かりやすくワイヤーで解説しています。Plugin今回は、こちらのサイトのプラグインを使用させていただきました。手軽にスライドが利用できます。様々な動きのサンプルがあり必見です。http://jquery.malsup.com/cycle/「進化するRWDモコモコ」レスポンシブバージョン大変お待たせいたしました。スマートフォンの普及により、モコモコはレスポンシブデザインに対応する基本練習サイトとして、バージョンアップいたしました。今回は、こちらのサイトのプラグインを使用させていただきました。fade:true,/*フェイドインアウト(デフォルトは、スライドです。</script>12345678910<script>$(function(){$('.slider').slick({autoplay:true,/*自動で再生*/autoplaySpeed:4000,/*サンプルのため切り替え早めてあります*/dots:true,/*ドットを入れる*/fade:true,/*フェイドインアウト(デフォルトは、スライドです。詳しくは、こちらにも掲載しています。sliderには、実に豊富なオプションが用意されています。様々な実行処理の記述を紹介します。slicksliderオプションサンプルを見るhtmlウェブコーディングレッスン初級練習スマホでもご覧いただけます。「WEBデザイナーの教科書」は、どなたでも、自由に閲覧使用していただけるように、公開しています。WEBに携わる方・教育の現場などお気軽にお使いください。個人情報について座右の銘お問い合わせ。