ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

Category Archives: Javascript

JQuery2.0が正式リリース~IE6,7,8は非対応

Windows XPのサポートがあと1年という時期を迎え、 Windows Vista SP2は自動アップグレードでIE9に書き換えられる様になったせいなのか いまやWeb制作にはかかせないライブラリであるJQueryも IE8以下を切り捨てる、という動きになってきました。 冒頭からの宣言がもう泣かせます。 As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. In return it is smaller, faster, and can be used in JavaScript environments where the code needed for old……(続きを読む)

[JQuery]簡単に設置できるトランジジョン付のスライドショー

写真が数枚あって、それを表示させる際にスライドショーっぽく見せたい。 そんな時にもお世話になるJQuery。 ただ単にフェードイン・アウトするだけのもあるけど、もう少し動きのあるのがいい場合 今回紹介するjqFancyTransitionsなんかは設置も簡単でお手軽。 jqFancyTransitions http://workshop.rs/projects/jqfancytransitions/ このスクリプトはデフォルトでいくつかのトランジジョンパターンがあって、パラメータ設定で選ぶだけのお手軽さがとっても良い感じなのです。 サンプルは左サムネイルから飛べる配布先ページにて全部見ることが可能です。 なかなかオッサレな感じのエフェクトが8種類揃っています。 IE6対応なのも嬉しいポイント……(続きを読む)

iframeの高さを内容物に合わせて自動的に制御(JQuery)

さてiframeを使ったサイトで、内容物の高さが変わる場合のお話。 たとえば更新情報やお知らせなんぞをトップに埋め込んで中身をクライアントが更新、 みたいな場合ですね。 その場合はiframeの高さがもちろん変わってしまうわけですが 高さを決めてスクロールバーを出すようにするのが手っ取り早い。 しかし、このスクロールバーを嫌う方もいらっしゃいます。 内容物の高さに応じて、iframeの高さを変える方法はないものかと色々探すと jQueryプラグインを見つけました。 jQuery iframe auto height plugin(github) https://github.com/house9/jquery-iframe-auto-height 導入方法 まずはJQuery本体とダウンロー……(続きを読む)

「識別子、文字列または数がありません」というスクリプトエラー

最近はもうInternet Explorerなんぞ普段使うこともなくなったんですが 制作の際にはがっつりとお世話になるわけでして。 自宅の環境はただいまInternet Explorer8。 で、過去のIEのテスト環境としてIETesterというアプリケーションを 使用してチェックしているのですが、 この度、IE6,IE7のみで「識別子、文字列または数がありません」という スクリプトエラーが出てしまう事がありました。 さて、このIEのエラー。 たどっていくのも非常にめんどくさいんですが かといってまだまだIE7以下を使ってる人も多く、 (しかも動かしているJQueryのライブラリがIE6でも動く検証が取れている) 無視するわけにも行きません。 そこでどの箇所でエラーが出ているのかを一生懸命探……(続きを読む)

JQuery版のLightboxで画像をグループ分けするには

画像をニュっとオサレに拡大するって事でもはや標準装備が普通となった 「Lightbox」ですが、これは元々はprototypeというJavascriptライブラリを使ったもの。 しかし、こいつは今はほとんど主流といってもいいJQueryと共に使うには コンフリクトを起こすのでいかんせんめんどくさい物がある。 (色々と書き換えてやらなければいけない) JQueryをふんだんに使ったサイトなどでLightboxを使いたい、って場合には 幸いにして最近はJQuery版のLightboxなんぞもリリースされていますので もっぱらそっちを使う事の方が多いです。 jQuery lightBox plugin 0.5(http://leandrovieira.com/projects/jquery/lig……(続きを読む)

JQuery : マウスオーバーでフェード効果

読み込ませておけば何かと便利なJQuery。 使い勝手が良すぎてホント重宝しております。 今回はマウスオーバーでフェード効果を使うやり方。 どっかで見て習得したものの、ひさしぶりにこれをやろうと思ったら 案の定ど忘れしてたんで覚え書きとして書いておく。 まずJQueryを読み込ませておいてから、下記のスクリプトを書く。 $(document).ready(function(){ $(“img.jquery-hover”).fadeTo(0,1.0); $(“img.jquery-hover”).hover(function(){ $(this).fadeTo(300,0.8); }, function(){ $(this).fadeTo(300,1.0); }); }); 適当な名前でjsフ……(続きを読む)

 
2 / 3123

« Aug 2017 September 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30