- ベストアンサー
画像のリンクの仕方について
初心者ですよろしくお願いします 画像をページの一番真ん中に張り、その下に、戻ると 次ぎへのボタンを置いて、一枚づつ画像をみせたいんですけど、どこの部分を勉強したらよいでしょうか 画像をまん中に張ることはできました。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
リンク。 A 要素と表現しているところもある。いずれにせよ、勉強するのは HTML ですよ。 <img src="./image.png" alt="画像の説明"> <a href="./previousFile.html">戻る</a> | <a href="./nextFile.html">進む</a> こんな感じ。「戻る」をクリックすると previoutFile.html というファイルへ飛んで、そのファイルに読み込まれている画像が見られるという寸法。 JavaScript で、ボタンをクリックするとそのファイルに読み込まれる画像が変更されると言う方法もあるけどね。
その他の回答 (4)
- hiyoyo
- ベストアンサー率40% (4/10)
すみません… リンク先の指定入れ忘れました <CENTER> <TABLE cellpadding="5"> <TBODY> <TR> <TD colspan="2" align="center"><IMG src="画像のファイル名" border="0" alt="画像の説明"></TD> </TR> <TR> <TD><A href="戻るリンク先"><IMG src="戻るボタンのファイル名" border="0" alt="戻る"></A></TD> <TD><A href="次のページのリンク先"><IMG src="次へボタンのファイル名" border="0" alt="次へ"></A></TD> </TR> </TBODY> </TABLE> </CENTER>
お礼
なんとかできました ありがとうございました
- hiyoyo
- ベストアンサー率40% (4/10)
戻ると次へのリンクは画像ボタンを使いたいのでしょうか？ もしそうでしたら、 <CENTER> <TABLE cellpadding="5"> <TBODY> <TR> <TD colspan="2" align="center"><IMG src="画像のファイル名" border="0" alt="画像の説明"></TD> </TR> <TR> <TD><IMG src="戻るボタンのファイル名" border="0" alt="戻る"></TD> <TD><IMG src="次へボタンのファイル名" border="0" alt="次へ"></TD> </TR> </TBODY> </TABLE> </CENTER>こんな感じでテーブル内に入れてしまってはどうでしょうか。 ALTは、マウスカーソルを画像の上においた時に表示される説明です。戻るボタンでは「戻る」などを書き込むと良いと思います。たとえば猫の画像であればalt="猫の写真"など。 cellpadding="5"のところで、テーブルの余白を調整できます。数字を大きくすれば、それだけテーブルに余裕ができます。 画像の下にスペースが欲しければ、<BR>で１行開けてしまっても良いと思います。
- jakarta
- ベストアンサー率38% (607/1597)
>これってスライドショーですよね？ またちょっと違うものです。あげられたソフトを用いてスライドショーを作成することができますがそれぞれプラグインが必要になります。 HTMLのみでやるならPAMdさんの方法でOKです。基本的にはhtmlファイルを作りそこにリンクを張るようにするという単純なものです。
お礼
なんとかできました ありがとうございます
補足
教えていただきありがとうございます さっそくやってみました。 自分のファイルでやると <html><!--nobanner--><center> <img src="./image.png" alt="m2.jpg"vspace="100"> <br> <a href="./frm1.html">戻る</a> | <a href="./frm3.html">進む</a> </center></html> 以上な感じになりました。 ./image.png" altの部分を入れると画像が出て来ないみたいで./image.png" altはどんな意味なんでしょうか？<img src="m2.jpg">と単純にしたときの違いがあれば教えてください。 また画像と下にある<進む><戻る>のあいだの間隔の調整はできるもんなんでしょうか？ そのままだと、進む、戻るの表示が下にきすぎてイヤなんですけど こんな質問に付き合わせてしまって恐縮ですが よろしければ教えてください。
- Alicelove
- ベストアンサー率35% (199/558)
これってスライドショーですよね？ 私はＨＰビルダーを使って作ったときに、その中にあるツールで 作成いたしました。 ＨＰビルダー解説ページ：http://hpb.cool.ne.jp/ そのほかにいろいろソフトがあるようです。 Apple QuickTime http://www.apple.co.jp/quicktime/authoring/slideshow/ Adobe Premiere http://www.adobe.co.jp/motion/tips/pre6storyboard/main.html RealPlayer http://homepage.nifty.com/sound-movie/r_slide.htm フリーソフト http://www5b.biglobe.ne.jp/~hide0515/ProgramMenu.html また、Javaスクリプトでも作れます。 ↓のサイトに詳しい説明も載っています。 http://okumedia.cc.osaka-kyoiku.ac.jp/~kokugo/nonami/wsh/ なお、↓の参照ＵＲＬには、全般的な解説のページを入れておきます。
お礼
いろいろなソフトを教えていただきありがとうございます。 いろいろ試してみたいと思います
お礼
なんとかできることができました ありがとうございます
補足
教えていただきありがとうございます さっそくやってみました。 自分のファイルでやると <html><!--nobanner--><center> <img src="./image.png" alt="m2.jpg"vspace="100"> <br> <a href="./frm1.html">戻る</a> | <a href="./frm3.html">進む</a> </center></html> 以上な感じになりました。 ./image.png" altの部分を入れると画像が出て来ないみたいで./image.png" altはどんな意味なんでしょうか？<img src="m2.jpg">と単純にしたときの違いがあれば教えてください。 また画像と下にある<進む><戻る>のあいだの間隔の調整はできるもんなんでしょうか？ そのままだと、進む、戻るの表示が下にきすぎてイヤなんですけど こんな質問に付き合わせてしまって恐縮ですが よろしければ教えてください。