Yasumasa's Portfolio
ＷＥＢ大好きな濱田泰昌のポートフォリオを紹介します。

jQuery

jQueryで画像を挿入する場合
html <p id=”first”>画像が前に入るよ</p>
jQuery $(“p#first”).prepend(‘<img src=”flower.jpg”>’);
シングルコーテーションを使う。
ダブルコーテーションとシングルコーテーションの両方を使って、画像を配置する。

jQueryは最新のバージョンのものを選べば良いというものではない。
バージョンによって動かないものもある。

ライブラリーとはそういうこものなので全部覚えなくてよい

divでクラスかＩＤつけたら、floatを一個つけても他にはかからないので、すべてにfloatをかける。例jQueryのフランス国旗

jQueryで
ボタン一つでテーブルの上に料理が出てくるようにする。
クリスマスツリー

freamwork.js
サムネイル　200×133　の画像
大　600×400　の画像
画像は二つ必要

jqueryを使う場合スクリプトをgoogleライブラリーから持ってくると思うがその際、http:を忘れると動かない
<!–http:を忘れると動かない–>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
fancybox高機能な割りに簡単
http://fancyapps.com/fancybox/
１，２があるが２は商用駄目１はok
Fが大文字は商用ＯＫ背景が白いほうが２

http://flexslider.woothemes.com/
flexslider２ パソコンにもスマホにも対応している。
ダウンロードする。
必要なのは2つだけ
jquery.flexslider.js　の1091と1092行目のダブルクオーテーションの中身を消す
flexslider.css　の71から73行目を消す。
あとはflexslider２のところでjsをheaderのscriptの中に入れる

jQueryプラグイン100選で検索する
http://www.creatorsbank.com/
http://liginc.co.jp/web
http://sercus.jp/

2014年11月23日 11:16 AM| カテゴリー：未分類| コメント(0)