質問 > フロント機能 > 2.11.4 サブ画像を大きく表示させたい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
fg4564 |
投稿日時: 2011/12/15 8:08
対応状況: −−−
|
半人前 登録日: 2011/11/7 居住地: 投稿: 11 |
2.11.4 サブ画像を大きく表示させたい http://mobilean.net/products/detail.php?product_id=20
上記のサイトと同じ様にサブ画像を大きく表示させたいのですが 方法が分かりません。 http://www.materializing.net/archives/2008/09/15043418.php こちらのサイトに記載されている通りにしてみましたが 2.4系のコード様で2.11.4では大きな画像は表示されませんでした。 どなたかご教授願えますか? |
fukap |
投稿日時: 2011/12/15 10:19
対応状況: −−−
|
仙人 登録日: 2009/7/7 居住地: 滋賀県 投稿: 907 |
Re: 2.11.4 サブ画像を大きく表示させたい 2.4 と 2.11 では、定数名や変数名、変数の値の持ち方などが異なります。
2.11 の detail.tpl のコードを参考にしながら、参考コードを書き換える必要があると思います。 パッと気付くところでは、|escape は使わないですね。 代わりに |h を使います。 |
fg4564 |
投稿日時: 2011/12/15 12:40
対応状況: −−−
|
半人前 登録日: 2011/11/7 居住地: 投稿: 11 |
Re: 2.11.4 サブ画像を大きく表示させたい fukap様ご返信ありがとうございます。
参考サイトのサブタイトル無しでも大きい画像が表示できるというコードを 下記のように変更してみましたが、小さい画像が表示されている状態で、 大きい画像は表示されません。サブタイトルは無くても表示されています。 又、区切り線が5本表示されています。これは表示されない様にしたいです。 どの様に変更すれば良いのかお教え願えますか? <!--▼サブコメントここから--> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> <!--{if $arrProduct[$key] != " " || $arrFile[$lkey].filepath != ""}--> <div class="sub_area clearfix"> <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3> <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> <!--拡大写真がある場合ここから--> <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{if $arrFile[$key].filepath != ""}--> <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div> <div class="subphotoimg"> <!--サブ画像--> <!--{if $arrFile[$lkey] != ""}--> <img src="<!--{$arrFile[$lkey].filepath}-->" alt="<!--{$arrProduct.name|h}-->" /> <!--{else}--><img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" /> <!--{/if}--> <!-- subphotoimg end --></div> <!--拡大写真がある場合ここまで--> <!--{else}--> <p><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p> <!--{/if}--> </div> <!--{/if}--> <!--{/section}--> <!--▲サブコメントここまで--> |
aska824 |
投稿日時: 2011/12/16 8:40
対応状況: −−−
|
長老 登録日: 2010/2/20 居住地: 静岡県 投稿: 185 |
Re: 2.11.4 サブ画像を大きく表示させたい 横から失礼します。
このソースを見るかぎり、小さい画像があるかという判断が先にきてるので、拡大画像が表示されないんだと思います。 <!--▼サブコメントここから--> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{if $arrFile[$lkey].filepath != ""}--> <div class="sub_area clearfix"> <!--拡大写真がある場合ここから--> <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> <div class="subphotoimg"> <!--サブ画像--> <img src="<!--{$arrFile[$lkey].filepath}-->" alt="<!--{$arrProduct.name|h}-->" /> <!-- subphotoimg end --></div> <!--拡大写真がある場合ここまで--> </div> <!--{/if}--> <!--{/section}--> <!--▲サブコメントここまで--> で拡大画像だけ表示されると思いますが、どうですか? すみません・・・。テストもしてないので、どうかはわかりません>< ちなみに、区切り線は恐らくCSSに記述されてるので、CSS内の「sub_area」か「subphotoimg」の部分にbackgroundファイルの指定かボーダーの指定があれば、それを消すことによって表示されなくなります。
|
fg4564 |
投稿日時: 2011/12/18 3:56
対応状況: −−−
|
半人前 登録日: 2011/11/7 居住地: 投稿: 11 |
Re: 2.11.4 サブ画像を大きく表示させたい aska824様ご返信ありがとうございます。
こちらからの返信が遅れてすいません。 上記コードをコピペしてみましたがサブ画像、区切り線とも 全く表示されなくなりました。 どのように修正すればよいでしょうか? |
aska824 |
投稿日時: 2011/12/18 12:00
対応状況: −−−
|
長老 登録日: 2010/2/20 居住地: 静岡県 投稿: 185 |
Re: 2.11.4 サブ画像を大きく表示させたい すみません。多分余計なタグを取り過ぎたみたいです^^;
<!--▼サブコメント--> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> <!--{if $arrProduct[$key] != ""}--> <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> <!--▼サブ画像--> <!--{assign var=key value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{if $arrProduct[$key]|strlen >= 1}--> <div class="alignC"> <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" /> </div> <!--{/if}--> <!--▲サブ画像--> <!--{/if}--> <!--{/section}--> <!--▲サブコメント--> テストした結果これで表示できました。
|
fg4564 |
投稿日時: 2011/12/18 21:33
対応状況: −−−
|
半人前 登録日: 2011/11/7 居住地: 投稿: 11 |
Re: 2.11.4 サブ画像を大きく表示させたい aska824様ご返信ありがとうございます。
上記コードで Firefoxでは問題なく大きな画像が表示されるようになりました! ありがとうございます!表示のされ方も希望通りです。 しかしIE7では全く何も表示されません。 IE7でも表示させる事は可能でしょうか? 又、商品登録の際サブタイトルに何か適当な文字を入力しないと 画像が表示されないようです。未入力でも表示させることは出来ますか? いろいろお付き合いさせて申し訳ありませんが 宜しければお教え願えますか? |
aska824 |
投稿日時: 2011/12/19 18:22
対応状況: −−−
|
長老 登録日: 2010/2/20 居住地: 静岡県 投稿: 185 |
Re: 2.11.4 サブ画像を大きく表示させたい IEは、すごく小さくですが表示されてますねw
多分、IEに関しては「width」、「height」がタグに入ってる場合はちゃんと指定しないと「1px×1px(多分)」で表示されるみたいです。 IE9も表示されなかったのでソース見てみたらしっかりタグは書いてあるみたいなので・・・。 なので、「width」、「height」を取った所表示されました。 あと、サブタイトルを入力しないと画像表示されなかったのはIF文で入力してない場合表示しないようになってたので、そのIF文とって見ました。 以下のソースでサブタイトルを入力しなくても表示されます。 <!--▼サブコメント--> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--▼サブ画像--> <!--{assign var=key value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{if $arrProduct[$key]|strlen >= 1}--> <div class="alignC"> <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->" alt="<!--{$arrProduct.name|h}-->"> </div> <!--{/if}--> <!--▲サブ画像--> <!--{/section}--> <!--▲サブコメント--> ちなみに、「width」、「height」を取ったので、パラメータで設定した画像サイズじゃなくなります。
|
fg4564 |
投稿日時: 2011/12/19 20:08
対応状況: 解決済
|
半人前 登録日: 2011/11/7 居住地: 投稿: 11 |
Re: 2.11.4 サブ画像を大きく表示させたい aska824様ご返信ありがとうございます。
IEでも大きな画像が表示されるようになりました。 この度は長々とお付き合い頂きありがとうございました。 感謝です! |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |