リンクをクリックしてサブウインドウを開いてみよう! - 初心者でもできる画像の編集+加工

ブログURL変更のお知らせ

いつも「初心者でもできる画像の編集+加工」をご覧いただきありがとうございます。

このたび、ブログURLを変更しましたのでお知らせいたします。新しいURLは以下のとおりです。

新URL:http://gazocustomize.xyz/

旧URLにアクセスしても新しいURLに転送されるようになっています。

今後も「初心者でもできる画像の編集+加工」をどうぞよろしくお願いします。

GIMP編集
無料画像編集ソフトGIMP2.8で画像の編集+加工の記事一覧はこちら

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

リンクをクリックしてサブウインドウを開いてみよう!

テキストや画像をクリックすると、サブウィンドウを開くスクリプトです。

テキストサンプル
サンプル

画像サンプル(画像をクリックするとサブウインドウが開きます)
point02-003.png
実装は至って簡単。

<body>~</body>内のサブウインドウが開くテキストなり画像を置くところに


<a href="javascript:void(0)" onClick="window.open('subwindowopen.html','sub','width=900,height=600,scrollbars=yes')" >テキストサンプル</a>

上記を記述します。

テキストの場合

<a href="javascript:void(0)" onClick="window.open('サブウインドウで表示したいURL','sub','width=900,height=600,scrollbars=yes')" >テキスト</a>


画像(アイコン)の場合

<a href="javascript:void(0)" onClick="window.open('サブウインドウで表示したいURL','sub','width=900,height=600,scrollbars=yes')" ><img src="画像へのパス" width="画像の幅" height="画像の高さ" alt="代替テキスト"></a>


サブウィンドウの横幅、サブウィンドウの高さの設定は

width=幅
height=高さ

の数字をすきな大きさの数字に変更してください。

この記事を読んだ人はこんな記事も読んでます




Comment
非公開コメント

はじめまして!

TAKAさん

はじめまして!
そよかぜと申します。
人気ブログランキングより飛んで参りました。

素敵なサイトですね~^^
とっても参考になる情報ばかりで!
サブウインドの開き方って意外に簡単なんですね!

応援☆させて頂きました!
またお邪魔させてください。

2014-03-24 22:30 | from そよかぜ

Track Back

http://gazocustomize.blog.fc2.com/tb.php/52-01aa174e

スプレッドで比較

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。