HPにおける写真提示方法について



パソコントラブル解決・過去ログTOP  >  ログTOP

◇-?HPにおける写真提示方法について-まつゆう(2004/10/20-23:32)No.209567
　┣?!Re:HPにおける写真提示方法につ�...-モンチ(2004/10/21-05:29)No.209622
　┃┗?!【ありがとう】Re:HPにおける写�...-まつゆう(2004/10/23-21:25)No.210305
　┗?!Re:HPにおける写真提示方法につ�...-テツヤ(2004/10/22-16:17)No.209972
　　┗?!【ありがとう】Re:HPにおける写�...-まつゆう(2004/10/23-21:25)No.210304
▲このページのトップに戻る
209567HPにおける写真提示方法についてまつゆう 2004/10/20-23:32

メーカー名：富士通
OS名：WindowsXP HomeEdition
パソコン名：CE18B／R
--
HP作成に関して、以下のような写真の提示方法を教えていただきたいと思います。

例）上下（左右）にフレームを分けたページを作成します。
　　下フレームに写真1、写真2・・・というように写真の縮小版を提示していきます。
　　その縮小表示された写真をクリックすると、上フレームの中央にその写真の拡大
　　されたものが表示されるといった具合です。
　　　つまり、フレームを分ける分けないはあまり重要ではないと思いますが、要は
　　小さい写真をクリックしたら、同じページ内の適切なところにその拡大写真が提示
　　されるような方法です。
　　　
サムネイル表示は縮小した写真をクリックすると別ウインドウに拡大表示されますよね。
そうではなくて、同じ要領なのですが、同じページ内に表示される方法が知りたい
と思います。
HPビルダー8で作成しています。初心者ですので、できましたらそのレベルを考慮して
教えていただきたいのですが。
つたない説明の上、あつかましいお願いで申し訳ありません。
お願いします。

▲このページのトップに戻る
209622Re:HPにおける写真提示方法についてモンチ 2004/10/21-05:29
記事番号209567へのコメント
まつゆうさんは No.209567「HPにおける写真提示方法について」で書きました。
>サムネイル表示は縮小した写真をクリックすると別ウインドウに拡大表示されますよね。
>そうではなくて、同じ要領なのですが、同じページ内に表示される方法が知りたい
>と思います。

HPビルダーは使ったことがないのですが、HTMLタグで画像をリンクするときに"target"を指定すればOKだと思いますよ。
参考↓
http://www.tagindex.com/html_tag/frame/a_target.html

▲このページのトップに戻る
210305Re:HPにおける写真提示方法についてまつゆう 2004/10/23-21:25
記事番号209622へのコメント
モンチさんは No.209622「Re:HPにおける写真提示方法について」で書きました。
>まつゆうさんは No.209567「HPにおける写真提示方法について」で書きました。
>>サムネイル表示は縮小した写真をクリックすると別ウインドウに拡大表示されますよね。
>>そうではなくて、同じ要領なのですが、同じページ内に表示される方法が知りたい
>>と思います。
>
>HPビルダーは使ったことがないのですが、HTMLタグで画像をリンクするときに"target"を指定すればOKだと思いますよ。
>参考↓
>http://www.tagindex.com/html_tag/frame/a_target.html
>
ありがとうございました！

▲このページのトップに戻る
209972Re:HPにおける写真提示方法についてテツヤ 2004/10/22-16:17
記事番号209567へのコメント
　…なんかもっと凝ってきたんですか？…

　簡単にはモンチさんの…という事になるんじゃないでしょうか。
　IFRAME要素を使っても出来ました。
　他の方法だと、スクリプトを使う方法でしょうかねー…。
　以下のを参考に。クリック画像は実際のサイズのを使っているので、widthで寸法を指定してます。
「画像表示.htm」《
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>画像表示</title>
<STYLE>
IMG {border:0}
</STYLE>
</HEAD>
<BODY>
<A href="写真.jpg" target=IFRAMEGaz><IMG src="写真.jpg" style="width:50"></A><BR>
<IFRAME name=IFRAMEGaz></IFRAME><BR>
<IMG src="写真.jpg" onclick="IMGGaz.src=this.src" style="width:50"><BR>
<IMG id=IMGGaz src="初期.gif"><BR>
</BODY>
</HTML>
》。ファイル名は日本語（2Byteコード）使っちゃいけないんでしたっけ？…ご了承…。
　更に、実際は「http://…」となるんでしょうね。
　あと、「…ビルダー」は使ったことがなく、それに沿った説明ではなく…すいません。
　スクリプトに寄る方法は、色々と欲張る方向になると思います…画像の拡大縮小、移動など…色々できますから…。
　上記のスクリプトに寄る方法は、PC内文書だとパッ！と表示されます。Web文書では不明。

▲このページのトップに戻る
210304Re:HPにおける写真提示方法についてまつゆう 2004/10/23-21:25
記事番号209972へのコメント
テツヤさんは No.209972「Re:HPにおける写真提示方法について」で書きました。
>　…なんかもっと凝ってきたんですか？…
>
>　簡単にはモンチさんの…という事になるんじゃないでしょうか。
>　IFRAME要素を使っても出来ました。
>　他の方法だと、スクリプトを使う方法でしょうかねー…。
>　以下のを参考に。クリック画像は実際のサイズのを使っているので、widthで寸法を指定してます。
> 「画像表示.htm」《
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
><HTML>
><HEAD>
><META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
><TITLE>画像表示</title>
><STYLE>
>IMG {border:0}
></STYLE>
></HEAD>
><BODY>
><A href="写真.jpg" target=IFRAMEGaz><IMG src="写真.jpg" style="width:50"></A><BR>
><IFRAME name=IFRAMEGaz></IFRAME><BR>
><IMG src="写真.jpg" onclick="IMGGaz.src=this.src" style="width:50"><BR>
><IMG id=IMGGaz src="初期.gif"><BR>
></BODY>
></HTML>
>》。ファイル名は日本語（2Byteコード）使っちゃいけないんでしたっけ？…ご了承…。
>　更に、実際は「http://…」となるんでしょうね。
>　あと、「…ビルダー」は使ったことがなく、それに沿った説明ではなく…すいません。
>　スクリプトに寄る方法は、色々と欲張る方向になると思います…画像の拡大縮小、移動など…色々できますから…。
>　上記のスクリプトに寄る方法は、PC内文書だとパッ！と表示されます。Web文書では不明。
>
前回同様、ありがとうございます！

パソコントラブル解決・過去ログTOP  >  ログTOP  >  HPにおける写真提示方法について

A1.本ページは参考になりましたか？　又はアドバイスがありますか？
解決　参考になった　参考にならなかった　アドバイスする

A2.何度目の訪問ですか？
初めて来た　　　数度目(２～４)　５回以上来ている　　 管理人:

A3.何か一言どうぞ(アドレスは書くことができません)

A4.アドレスがあればどうぞ(１つまで)


↑↑↑↑よろしければ押してください↑↑↑↑

何か一言(本ページで参考になったならないを含めて残してあります)
◎：解決　○：参考になった　×：参考にならなかった　！：アドバイスあり

参考回数投稿日時何か一言
(社)日本お助け隊
人間関係のトラブルの相談にのります。
電話相談無料。
和魂カウンセラー認定講座
和魂カウンセラー認定をしています。
全国イベントスケジュール
イベントが登録でき申込みできます。無料。