写真・画像を格好良く見せる JavaScript
2007/05/27 Sun [Edit]
人様のブログをウロウロしている最中、写真・画像のサムネイルをクリックした後、ブラウザのウィンドウが暗くなり格好良く大きい写真・画像が登場するのを見かけたことはありませんか?
今回はその格好良く写真・画像を見せつける JavaScript(ジャバスクリプト)をFC2ブログ
で使用する方法のご紹介です。
なるべく多くの方が使用できるように、できるかぎり細かく説明いたしますので、かなりの長文になると思います。ゆっくりしていってください( ^-^)_旦~
まずは JavaScript のサンプルページをご覧下さい。
いかがでしたでしょうか?
格好良く写真・画像が表示された方は続きを読むからお進みください。
もしもサンプルページで、写真・画像をクリックしても何も起こらなかった方は、ブラウザの JavaScript の設定をご確認ください。確認のしかたはブラウザやバージョンで異なりますので、「 JavaScript 設定 ● ● ●」などの検索ワードで Google や Yahoo! などで検索し、JavaScript を ON にしてから、もう1度サンプルページの写真・画像をクリックしてみてください。
※● ● ●にはお使いのブラウザの名前・バージョン・OSなどを入れると欲しい情報に辿り着けると思います。
JavaScript の設定が ON なのに正しく動作されない方は、お使いのブラウザには非対応なのだと思います。新しい OS や他のブラウザに乗り換えた時に、また遊びに来てください(*´∇`)ノシ マタネ〜♪
※新しいブラウザでも Netscape だと正しく表示されませんでした。Lunascape
や Firefox など他のブラウザでお試しください。
問題無く表示された方は続きをどうぞ☆
トラックバックの1クリック
2007/03/20 Tue [Edit]
S i M P L E * S i M P L E さんのページで、便利で簡単な JavaScript の小技を紹介されていました。
小技の内容は、トラックバックなどの URL を選択する際に「コピー&ペースト」することが頻繁にあると思うのですが、その URL を1クリックで選択状態にする JavaScript です。
短いソースの追加で実装可能なので、私もこれからテンプレートに実装していこうと思います。
●サンプル(クリックしてみて下さい。)
●ソース
<input type="text" size="40" id="tb_url" value="http://hajimetedesign.blog77.fc2.com/tb.php/1-4e8384a2" onclick="this.select();" />
赤い部分のソースを既存のタグ内に追加で実装可能なので、皆さんもどうぞ。 とっくに実装済み!なんて方も、もう1度実装し直してみてはいかがでしょうか?
意味はないですが・・・
■追記 上記のソースの赤い部分 onclick はイベントハンドラの1つです。興味を持たれた方はイベントハンドラの一覧表をどうぞ。





