質問 > フロント機能 > サブ画像をクリックすると、メイン画像領域へサブ拡大画像を表示するようにしたい。 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
gundam |
投稿日時: 2013/2/19 0:01
対応状況: 開発中
|
新米 登録日: 2013/2/18 居住地: 投稿: 2 |
サブ画像をクリックすると、メイン画像領域へサブ拡大画像を表示するようにしたい。 はじめて投稿させていただきます。
ec-cubu 2.12.2 現在、サブ画像をクリックするとメイン画像領域にサブ画像が表示される動作をさせております。 これを以下の動作に変更したいと考えております。 <させたい動作> サブ画像をクリックすると、サブ画像に関連付けられたサブ拡大画像をメイン画像領域に表示させる。 attr()でサブ拡大画像の属性を取得する必要があるかと 思われますが、取得する方法もアドバイスいただければ幸いに思います。 よろしくお願いいたします。 |
dkazuto |
投稿日時: 2013/2/19 9:47
対応状況: −−−
|
一人前 登録日: 2012/5/10 居住地: 投稿: 95 |
Re: サブ画像をクリックすると、メイン画像領域へサブ拡大画像を表示するようにしたい。 gundam様
まず、現在されている 「サブ画像をクリックするとメイン画像領域にサブ画像が表示される動作」 はどのように実装されているのでしょうか? 仮に、サブ画像のクリックイベントに対しメイン画像をサブ画像に切り替える処理を記述されているとしたら、 サブ画像のクリックイベントに対しメイン画像をサブ画像の拡大画像に切り替える処理を記述するだけで解決されるかと思います。 サブ拡大画像のURLは /data/templates/default/products/detail.tplの322行目あたりに
という項目がございますので、ここのhref属性がそれに該当します。 |
gundam |
投稿日時: 2013/2/19 23:20
対応状況: −−−
|
新米 登録日: 2013/2/18 居住地: 投稿: 2 |
Re: サブ画像をクリックすると、メイン画像領域へサブ拡大画像を表示するようにしたい。 dkazuto様
お世話になります。gumdamです。 丁寧なるご返信、有難うございます。 現在の実装ですが、以下のようになっております。 抜粋で申し訳ありません。 $(function(){ $('.thumb_img a').click(function(){ var h = $(this).eq(0).attr('rel'); $('.main_img img').fadeOut(function(){ ($('.main_img img').attr("src",h)).fadeIn(); }); return false; : : <a rel="<!--{$arrFile[$ikey].filepath}-->"> dkazuto様のご助言を踏まえると 上記の実装でattr('rel')をattr('href')にしてあげれば 思惑通りにいきそうな感じがしてきました。 まずはやってみようと思います。 dkazuto様、 このような素人的な質問に対応していただき、 有難うございました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |