画像切り替えが動かない

カテゴリ 【CMS】通常版(不動産・中古車販売など)
タイトル 画像切り替えが動かない
質問者 匿名さん (2408)
質問日時 2023/05/21 08:56 回答数 1
メディア共有 このエントリーをはてなブックマークに追加
質問内容

連投申し訳ありません。

ブリーダー用CMS
HPテンプレtp_cosme1

itemページでの問題です。
CMS管理画面より子犬画像を数枚投稿しました。
itemページで上部に原寸サイズの画像が表示され、その下に縮小画像が並びますが、その縮小画像をクリックしても上部の画像(大)に切り替わりません。
マウスポインターを乗せるとリンク反応はします。

色々試しましたがどこが悪いのかわからず、どこのコードをここに書けばいいのかわからないのですが、掲示が必要ならその場所をご案内していただければ追加で書きますので、教えてください。


<article>

<h2>子犬詳細 [No.{val item/info_id}]</h2>
<!--{def item/new_flag}--><span class="tp-icon tp-newicon">NEW</span><!--{/def}-->
<!--{def item/recommend1}--><span class="tp-icon tp-option1">特選犬</span><!--{/def}-->
<!--{def item/recommend2}--><span class="tp-icon tp-option2">極小犬</span><!--{/def}-->
<!--{def item/recommend3}--><span class="tp-icon tp-option3">小ぶり</span><!--{/def}-->
<!--{def list/recommend4}--><span class="tp-icon">ご契約済</span><!--{/def}-->

<figure id="tp-item-image">
<!--{def item/image1_file}-->
<img src="user_data/{val item/image1_file}" id="bukken_image" alt="">
<!--{/def}-->
</figure>

<p class="tp-c">
<!--{def item/image1}-->
<a href="javascript:set_image('user_data/{val item/image1_file}');"><img src="user_data/{val item/image1_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image2}-->
<a href="javascript:set_image('user_data/{val item/image2_file}');"><img src="user_data/{val item/image2_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image3}-->
<a href="javascript:set_image('user_data/{val item/image3_file}');"><img src="user_data/{val item/image3_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image4}-->
<a href="javascript:set_image('user_data/{val item/image4_file}');"><img src="user_data/{val item/image4_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image5}-->
<a href="javascript:set_image('user_data/{val item/image5_file}');"><img src="user_data/{val item/image5_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image6}-->
<a href="javascript:set_image('user_data/{val item/image6_file}');"><img src="user_data/{val item/image6_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image7}-->
<a href="javascript:set_image('user_data/{val item/image7_file}');"><img src="user_data/{val item/image7_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image8}-->
<a href="javascript:set_image('user_data/{val item/image8_file}');"><img src="user_data/{val item/image8_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image9}-->
<a href="javascript:set_image('user_data/{val item/image9_file}');"><img src="user_data/{val item/image9_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
<!--{def item/image10}-->
<a href="javascript:set_image('user_data/{val item/image10_file}');"><img src="user_data/{val item/image10_file}" alt="" class="tp-thumbnail"></a>
<!--{/def}-->
</p>

<table class="ta1">
<tr>
<th>犬種</th>
<td>{val item/title}</td>
</tr>
<!--{each item/info}-->
<tr>
<th>{val item/info/title}</th>
<td>{val item/info/value}</td>
</tr>
<!--{/each}-->
<!--{def item/contents}-->
<tr>
<th>詳細情報</th>
<td>{val item/contents}</td>
</tr>
<!--{/def}-->
</table>

<p class="tp-c"><br>
<!--{ndef item/recommend4}--><div class="tp-btn"><a href="?act=toiawase&id={val item/info_id}">問い合わせをする</a></div><!--{/ndef}-->
<!--{def item/recommend4}-->《こちらのワンちゃんは飼い主さんが決まりました》<!--{/def}-->
</p>

</article>


よろしくお願いいたします。

この質問の回答受付は終了しました

回答(1件)

回答者:
q19cms担当者さん (2341)
回答日時:
2023/05/21 09:27

該当ファイルをいただければ調査いたします。
ファイルは、この掲示板にも添付できますし、もし他の人に見られたくない場合は、次のアドレスへメールで送ってください。

cms@q19cms.com

また、この様な場合は、ファイルをいったん保存して、オリジナルのテンプレートのファイルに戻してみることで何かわかるかもしれません。
オリジナルで正しく表示されている場合は、そこからの修正に原因がある可能性が高いです。
変更は少しずつ行い動作確認をして、もしおかしくなったら1つ前に戻してみるという方法が、作成を進めるうえで良い方法だと思います。

大変参考になりました


1件中 1 ~ 1