/* Google Analytics ▽ */ /* Google Analytics △ */

WEB制作の勉強メモ / 猫脳人間

HTML CSS JavaScript ActionScript jQuery WordPress PHP Illustrator Photoshop Flash … 猫サイズの脳でも覚えるぞ と…

2015年 05月14日(40日目)のWEB制作の勉強メモ jQuery:Crossfade, Slide, LightBox

</>CODEPREP

codeprep.jp

  • はじめてのHTML
  • はじめてのCSS
  • はじめての JavaScript
  • はじめての jQuery

の4つはクリアする事。


Cyllabus (シラバス

cyllabus.jp
シラバスが用意しているカリキュラム(コース)や、ユーザーが作ったコースがある。
シラバスが用意しているカリキュラムだけでも、段階を経て WEBサイトの完成品に近づけていけるようになっているので、「自分に合ったコースからでいいからを学ぶように」 と。

Cyllabus (シラバス)のカリキュラムを選ぶ画面






jQuery:Crossfade, Slide, LightBox

プラグインをダウンロードし、実際に自分の環境で動かしてみる。

CrossFader プラグイン

www.brandspankingnew.net

<script src="js/jquery.min.js"></script>
<script src="js/bsn.Crossfader.js"></script>






Cross Slide プラグイン

github.com

<script src="js/jquery.min.js"></script>
<script src="js/jquery.cross-slide.min.js"></script>






Light Box (プラグイン

lokeshdhakar.com

<script src="js/jquery.min.js"></script>
<script src="js/lightbox.js"></script>






d.hatena.ne.jp
Slider - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
Lightbox - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス
HTML・CSS・JavaScript・jQuery - Webデザインの勉強 | Webサイト制作科 3月16日開講クラス

広告を非表示にする