javascriptで簡単設定イメージ画像拡大スクリプト
javascriptで簡単設定イメージ画像拡大スクリプト

javascriptで簡単設定イメージ画像拡大スクリプト

イメージを拡大表示するのにおしゃれなのは、lightboxhighslideがありますがページの修正やcssの追加とか、タイプによればaltの設定とかid、class属性の追加など表示枚数が少なければいいが、100枚、200枚となってくるとちょっと…、
というわけでシンプルに組み込めるのを作ってみました。
CB1300SF とりあえずimgpickup_shadow.jsをダウンロードして(UTF-8で保存)
<head>…..</head>の間に、
<script src=”http:**アドレス**/imgpickup_shadow.js” type=”text/javascript”></script>
と挿入するだけでリンク属性が画像を指している場合は勝手に背面にシャドーがかかり画像が中央に表示されます。
DOCTYPEの指定無しタイプも作動します。(多分)IE7,IE6とFF2でテスト済み。

不具合は保障しませんけど、使いたい方は使ってください。
質問はコメント欄へお願いします。

  • onloadで他に命令されている場合はうまくいかないときもあります。
  • リンクに設定されているのonclickよりも優先します。

8件のコメント

  1. blogger用に製作したつもりですが、bloggerのサーバーにプログを載せている場合のリンク先画像は直リンク禁止となっているみたいで、リンクの画像が直リンク禁止の場合は作動しません。

  2. 重なりを(z-index)指定しているページに組み込む時は、
    Pickup.style.zIndex = 51;
    bigimage.style.zIndex = 50; shadow.style.zIndex = 49;
    loading_div.style.zIndex = 48;

    とstyle.zIndexで、指定しないと背面に回り込みます。

  3. ピンバック: PHP 画像に文字を追加 – ヘアサロン店長の独り言♂

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください