「夫を成功」へ導く妻の秘訣 座談会

HPに数枚の写真を小さく貼りつけ見る人が画像をクリックすると拡大されて見れるようにしたいが方法が分かりません。
WIndowsXP ホームページビルダーを使用しています。
宜しくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ビルダーでしたらサムネイルで出来ますが!



http://www.setuyaku-city.net/biruda/gazou/qhpg7. …
    • good
    • 0
この回答へのお礼

有難う御座いました。
うまく出来ました。感謝です。
こんごともよろしく!

お礼日時:2005/12/30 15:01

★html構文の基礎になります。


写真1に対してサムネイル写真"tb_1.jpg"を作っておきます。
同様に2/3も作っておきます。
サムネイル写真を指定位置に置く際に
<a href="1.jpg"><IMG SRC="tb_1.jpg"></A>と指定します。
そうすればサムネイルをクリックすれば1.jpgが開きます。
ただしこの場合、写真はPOPUPでなく別画面になります。
写真を見た後はブラウザの戻るキーをクリックすることになります。
<a href="photo1.htm"><IMG SRC="tb_1.jpg"></A>にすれば
写真入りのページが開くので、そこに
<a href="*.htm">前のページに戻る</A>と入力しておけば
文字をクリックして前のページに戻れます。

重くて余計なタグをたくさん作るホームページビルダーは
お手本とはなりません。
格好いいページを見付けたらソースをコピーして研究するのが一番です。
html構文を覚えて自分なりに色付けしていくのが
覚える最短距離と思います。
    • good
    • 0
この回答へのお礼

早速、アドバイスを頂き感謝です。
早速試してみます。

お礼日時:2005/12/29 19:59

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q写真で、「クリックすると拡大します」。

写真で、「クリックすると拡大します」。

というページがありますが、
どのような書き方をすれば宜しいのでしょうか。

考え方を教えてください。
一般的な考え方、若しくはこれが一番簡単、等。

宜しくお願いします。

Aベストアンサー

いくつか、参考になりそうなページを載せます。


http://p2b.jp/1147275586


http://nplll.com/mutter/archives/2007/09/litebox.php


http://dispersalblog.blog90.fc2.com/blog-entry-114.html


http://attosoft.info/blog/release-auto-thickbox-single-plugin/

Q画像をクリックで拡大し閉じる

小さな画像をクリックしたときに、拡大し、
拡大した画像をクリックしたとき、閉じるソースを教えてください。

Aベストアンサー

私が使ったことがあるのは、コレです。
JavaScript「FancyZoom」
http://gigazine.net/index.php?/news/comments/20080208_fancyzoom/

イロイロあるみたいですよ。
http://www.google.com/search?hl=ja&lr=lang_ja&ie=UTF-8&oe=UTF-8&q=javascript+%E7%94%BB%E5%83%8F+%E6%8B%A1%E5%A4%A7&num=50

また、JavaScriptは使わずにCSSだけでもこんなのも出来ますよ。
http://gigazine.net/index.php?/news/comments/20060402_cssonly/

Qホームページビルダー画像拡大

ホームページビルダー画像拡大


 みなさん、こんにちは。いつも回答ありがとうございます。以下のように
質問しますのでよろしく教授方お願いします。

 ホームページビルダー・バージョン8
を使用しています。

 作ったホームページの中で写真を貼り付けます。

 ホームページで、写真を見る時、写真上にカーソルを載せると別のホームページが、開いて
写真画像を縮小しないで拡大表示させるには、どのようにすればよいでしょうか?

 せっかく、オリジナルの写真は、大きな画像なのに小さな画面でしか表示できないのは、残念です。

 ご教授方よろしくお願いします。

 敬具

Aベストアンサー

http://www.wsb.jp/hpb/ouyou/rol_ov.html

ロールオーバー効果のことだと思います。上記サイトを参考にしてください。

トップページはこちらです。

http://www.wsb.jp/hpb/

Qサムネイル画像をクリックすると拡大画像を表示させる方法

今はまずサーバに同一画像の小さい写真(サムネイル用)と大きい写真の両方をアップロードして、
小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を2枚アップロードしなくてはいけず、面倒です。

1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか?

Aベストアンサー

サムネイル表示するときだけ画像表示のサイズ指定をしてやればよいですね。

<a href="aaa.jpg"><img src="aaa.jpg" width="ピクセル数または%" height="ピクセル数または%"></a>

ただし、お分かりのように基の大きな画像を読み込んで表示だけ小さくする訳ですから、通信回線が遅かったり画像数が多いとサムネイル用の画像を用意したときよりも表示が遅くなります。

Qホームページビルダーを使って、ポップアップを作る

ホームページビルダー17を使っています。

写真をクリックする、別ウィンドウではなく、その場でその写真だけが拡大し、
周りが暗くなるようにするには、どうすれば良いでしょうか?

調べたところ、javaを使うという情報が出てきたのですが、
javaが何かも知らない人には無理でしょうか?
解説しているページをみてもよくわかりませんでした。
他にやり方はないでしょうか?

Aベストアンサー

ホームページビルダー18ならば、フォトモーションという機能で、お望みのことが簡単に実現できると思います。

Q画像をクリックして同じページに拡大画像を出す

小さい画像をクリックすると同じページに拡大画像が表示されるようにしたいのです。小さい画像が7つ程横に並んでいて、クリックするとその下に拡大画像が表示されるページです。フレームは使わないで出来ますか?フレームを使うとテーブルの背景が切れてしまうので使わないで作りたいのですがわかりません。教えてもらえたら嬉しいです。

Aベストアンサー

 拡大画像 1.gif - 7.gif があるとして、このようなのはいかがですか↓

<html>
<head>
<script type="text/javascript">
<!--
function change(n) {
document.LgIMG.src = n +".gif"; // 大画像 1.gif - 7.gif を用意
}
// -->
</script>
</head>
<body background="http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif">
<table align="center">
<tr>
<td><a href="javaScript:change(1)"><img src="1.gif" border="0" width="40" height="40"></td>
<td><a href="javaScript:change(2)"><img src="2.gif" border="0" width="40" height="40"></td>
<td><a href="javaScript:change(3)"><img src="3.gif" border="0" width="40" height="40"></td>
<td><a href="javaScript:change(4)"><img src="4.gif" border="0" width="40" height="40"></td>
<td><a href="javaScript:change(5)"><img src="5.gif" border="0" width="40" height="40"></td>
<td><a href="javaScript:change(6)"><img src="6.gif" border="0" width="40" height="40"></td>
<td><a href="javaScript:change(7)"><img src="7.gif" border="0" width="40" height="40"></td>
<!-- ここの画像 1.gif - 7.gif は、別画像でも可 -->
</tr>
<tr>
<td colspan=7>
<img src="1.gif" name="LgIMG" border="0" width="400" height="400"><!-- 最初の大画像 -->
</td>
</tr>
</body>
</html>

 拡大画像 1.gif - 7.gif があるとして、このようなのはいかがですか↓

<html>
<head>
<script type="text/javascript">
<!--
function change(n) {
document.LgIMG.src = n +".gif"; // 大画像 1.gif - 7.gif を用意
}
// -->
</script>
</head>
<body background="http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif">
<table align="center">
<tr>
<td><a href="javaScript:change(1)"><img src="1.gif" border="0" width="40" height="40"></...続きを読む

Qホームページビルダーのサムネイル機能について

Windows7でホームページビルダーv14を使っています
8枚の.jpg画像をサムネイル機能で クリックすると拡大画像を表示するようにしたのですが このとき拡大画像を別のウィンドウではなしに サムネイルの下に表示することはできないでしょうか
よろしくお願いします

Aベストアンサー

ビルダーだけでなく、ソースを少しかまうと色々出来ますけど・・・
下ではないですが、こんな感じでは駄目でしょうか?
   
http://caramel-tea.com/sample_page/highslide.html
解説は以下
http://www.ecoop.net/memo/archives/2007-10-29-2.html

Qホームページ内で画像を拡大・縮小させたい

会社のホームページ内でカタログやパンフレットを表示したいと考えております。
(PDF形式は自分が好きではないので利用の予定はありません)
はじめは、細かい文字まで読めるように、
サムネイルをクリックして大きい画像を表示して見てもらえばいいか、
と思っていたところ、ちょうどこのようなサイトを見つけました。
http://ipqwww.shufoo.net/www2/midori/2007_1103/002/index.html?sid=asp/midori&shopId=3759&chirashiId=784443200732

ここほど高機能でなくてもいいのですが、
「画像の拡大・縮小」「画像をドラッグして移動(?)」
が出来ればと思っています。

知人がFLASHやAJAXを言う技術を使っているのでは、
と言っていましたが、それほど詳しくないということなので
こちらに質問させていただきます。

方法や何かアイデアがありましたらご教授願えませんでしょうか?
よろしくお願いいたします。

Aベストアンサー

Javascript でそうした事を実現するライブラリが公開されています。
「TJPzoom.js」「loupe.js」あたりが有名で日本語の解説もすぐにみつかると思います。
かなり高機能ですが、HTMLとJavascriptの基礎知識があれば利用方法はそれほど難しくないと思います。
(他にもあるかもしれません「javascript 拡大 ルーペ」みたいなコトバで検索してみるとか。)

ただ、元がA3となると、(どれほどかによりますが、)細かい文字まで判読できるほど高解像な画像を使えばやっぱりそれなりの「重さ」になるでしょうから実用的になるかどうかは難しいですね。

Qホームページビルダーでプルダウンメニュー作成

質問させていただきます。HP作成中です。素材サイトにあるようなプルダウンメニューを作成したいのですがどのような方法で作成するのでしょうか?こちらのサイトです。http://www.s-chimp.com/mc/
メニューをクリックするとサブメニューが表示されます。理想としては違うメニューをクリックしたときに他のサブメニューが表示されたままではなく閉じると嬉しいです。初心者なので難しいことは出来ないと思うのですがどなたかお願いいたします。

Aベストアンサー

ホームページビルダーの機能にはありませんので
こちらの メニュー か 個人的に使ってみたいスクリプト を参考にしてください

http://www.wsb.jp/hpb/java_s/top.htm

Qホームページビルダーのメールフォームで送信が出来ません。

ホームページビルダー10を使っています。メールフォームを作成し、ブラウザから開いて送信ボタンをテストで押してみたのですが、全く送信されません。
アドレスを変えたり等、色々行いましたが、駄目です。
どうすればよいでしょうか?

HTMLタグを見ると、
<FORM METHOD=post ACTION="mailto:xx@yyy" ENCTYPE="text/plain">
とあり、xx@yyyの部分に自分のメールアドレスを入れています。

CGIについては全く知識がなく、どう直せばよいのかがわかりません。
お詳しい方、どうぞお教えください!
ご返答お待ちしております。

かれこれ3日も悩み続けております…

Aベストアンサー

No.8です CGIが書いてあったので勘違い致しました mailtoならメールソフトを起動するだけですからCGIは必要ありませんね メールソフトの環境によっては作動しませんので CGIを使った方がいいですね 

私も使ってますが KENT WEBさんの CGIスクリプトが簡単ですので サーバー環境をご確認ください
http://hpb.cool.ne.jp/business/mailform1.html

設置できなければ レンタルのフォームをお使いになるのがいいかと思います
http://form.fc2.com/


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング