- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ホームページ上のリンクについて）
ホームページ上のリンクについて
このQ&Aのポイント
- 会社のシステム関係の担当者が、ホームページの管理方法について質問しています。
- 現在のホームページの構成は、トップページに大きな写真とサムネイル写真が並んでおり、サムネイル画像がスライドする仕組みです。
- 今後、大きな写真をクリックすると解説のページにリンクするようにしたいと考えています。どのようなhtmlソースを使用すれば良いのか教えてほしいとのことです。
- thomas-com
- お礼率66% (2/3)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
MODX Japanの中の人です。 いつもご利用いただきありがとうございます。 おそらく、aタグで大きい画像にリンクしているので、限界があるのではないかと思います。 CSS・JSを使えばもっと色々出来るとおもいますが、一つの解決策として、iframeを使ってはいかがでしょう。 <li><a href="img/n-common/slide/大きい画像ファイル名.html（もしくはリソースID）"><img src="img/n-common/slide/小さい画像ファイル名"title="写真の名前"alt="写真のキャプション" target="image_frame"></a></li> 大きい画像ファイル名.html img→n-common→slideというコンテナの階層を作り、その中にリソースを作成して下さい。 MODX内でコンテナ・リソースを作成しても、実際のファイルが優先して使用されます。 テンプレートは[*content*]のみの空白のテンプレートを作成して使用してください。 <html> <head><title>ごにょごにょ</title></head> <body bgcolor="#FFFFFF"> <a href="img/n-common/slide/解説文.html（もしくは解説文リソースID）"><img src="img/n-common/slide/大きい画像ファイル名"title="写真の名前"alt="写真のキャプション"></a> </body> </html> ご参考になれば幸いです。
補足
お返事が遅くなり大変申し訳ございません。 この度はご回答とても感謝いたします。早速modx内のエレメント→エレメント管理→テンプレートで*content*の空白のテンプレートを作成し、その中に教えていただいた下記のhtmlを作成いたしました。 <html> <head><title>ごにょごにょ</title></head> <body bgcolor="#FFFFFF"> <a href="img/n-common/slide/解説文.html（もしくは解説文リソースID）"><img src="img/n-common/slide/大きい画像ファイル名"title="写真の名前"alt="写真のキャプション"></a> </body> </html> そこで教えていただいたimg→n-common→slideというコンテナの作成方法について教えていただけないでしょうか。素人な内容をお聞きして誠に申し訳ございません。既にエレメント→ファイル管理にimg→n-common→slide→トップページ写真jpgデータという階層でファイルは作成してあるのですがそことは別の場所にコンテナを作成すればいいのでしょうか？ 何卒ご享受お願いいたします。