ウェブデザインやプログラム制作を行うart project teamのブログ

[JQuery]googlemaps v3で座標を使って地図を表示

2010年07月18日

JQueryを使用 + googlemaps v3での地図とマーカー表示方法。
※データベースから座標を取得するなどの場合

[続きを読む]

Jaueryでスクロール時に画像を読み込む

2010年06月07日

1ページあたりの画像が多いなどのときに便利なJQuryのプラグイン。
スクロール時に画像を読み込むプラグインを使用することで無駄なトラフィックを防ぐことが可能。

[続きを読む]

JQueryでページ内スクロールをする方法

2010年05月31日

以前、JQueryを使ってページのトップへスライドアップさせるという記事の変形。

[続きを読む]

JQueryのロールオーバーに関するあれこれ

2010年05月14日

JQueryを使用してrollover.jsを使ってロールオーバーを作成してて、Firefoxでブラウザの戻るを押すと、マウスが乗っていなくてもロールオーバーしたままなので困った。
とりあえず、ググったらはてなに情報があったので参考にして回避。
[続きを読む]

thickboxでフラッシュが写りこむのを防ぐ方法

2010年05月07日

前回の記事で紹介したJqueryのプラグインthickboxですが、htmlファイルを表示する際フラッシュがある場合は、フラッシュが写り込んでうまく表示できません。
そこでフラッシュを隠す方法。
[続きを読む]

HTMLファイルもライトボックスのように表現したい

2010年05月06日

画像などをライトボックス化する方法は前回書いたとおりですが、今回はHTMLファイルなども表示する方法。

前回同様JQueryを使いますが、今回はtickboxというプラグインを使用します。
thickboxのソースはここでダウンロードできます。
ダウンロードする際、thickbox.js、thickbox.css、loadingAnimation.gifの3つを必ずダウンロードしてください。
※Downloadの項目にあるjs、css、gifのことです。

[続きを読む]

画像のポップアップ(Lightbox)

2010年04月02日

サムネイル画像をクリックしたとき、別ウィンドウやポップアップで表示せずにその場でかっこよく出す方法です。

上記のような感じで画像を表示する方法を「ライトボックス」といいます。

[続きを読む]

JQueryをつかってページのトップへスライドアップする方法

2010年03月11日

このブログやart project teamのサイトでも使用してますが、ページのトップへ移動する方法をアニメーションを使って行う方法。
※この方法はJQueryを使用しますので、まずJQueryをダウンロードをしてください。

JQueryをダウンロードしたら、<head>~</head>の間に、

1
2
<script src="(JavaScriptのおいてあるパス)/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="(JavaScriptのおいてあるパス)/scrollup.js" type="text/javascript"></script>

と記入します。
※必ず、JQueryのファイルを先に書いてください。

[続きを読む]

広告

[プレスブログ]価値あるブログに掲載料をお支払いします。

カテゴリー

アーカイブ

ページのトップへ