Ignore:
Timestamp:
2011/08/09 22:11:38 (10 years ago)
Author:
nanasess
bzr:base-revision:
ohkouchi@loop-az.jp-20110809101927-q90z2txogt4ky0bc
bzr:committer:
Kentaro Ohkouchi <ohkouchi@loop-az.jp>
bzr:file-ids:

data/Smarty/templates/sphone/products/detail.tpl 19775@1e3b908f-19a9-db11-a64c-001125224ba8:branches%2Fversion-2_5-dev%2Fdata%2FSmarty%2Ftemplates%2Fsphone%2Fproducts%2Fdetail.tpl
html/user_data/packages/sphone/js/jquery.flickslide.js 21059@1e3b908f-19a9-db11-a64c-001125224ba8:branches%2Fversion-2_11-dev%2Fhtml%2Fuser_data%2Fpackages%2Fsphone%2Fjs%2Fjquery.flickslide.js
bzr:mapping-version:
v4
bzr:merge:

ohkouchi@loop-az.jp-20110809131110-puv14k3mzczcoo9y
bzr:repository-uuid:
1e3b908f-19a9-db11-a64c-001125224ba8
bzr:revision-id:
ohkouchi@loop-az.jp-20110809131135-gp1a2irg5jbejn5g
bzr:revno:
3874
bzr:revprop:branch-nick:
branches/version-2_11-dev
bzr:root:
branches/version-2_11-dev
bzr:testament:

bazaar-ng testament short form 2.1
revision-id: ohkouchi@loop-az.jp-20110809131135-gp1a2irg5jbejn5g
sha1: bb1e2c7c118d2530eb02fa25ca5309298927dbcc
bzr:text-parents:

data/Smarty/templates/sphone/products/detail.tpl ohkouchi@loop-az.jp-20110809065554-lpx5jlm2iqty439j
html/user_data/packages/sphone/js/jquery.flickslide.js ohkouchi@loop-az.jp-20110809051905-j2dlbyfwb9tbhkoc
bzr:timestamp:
2011-08-09 22:11:35.177000046 +0900
bzr:user-agent:
bzr2.3.1+bzr-svn1.1.0dev0
Message:

#1413 画像の縦横比に応じて, 表示を可変するよう修正

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl

    r21164 r21171  
    3232} 
    3333$(function(){ 
    34     $('#detailphotoblock ul li').flickSlide({target:'#detailphotoblock>ul', duration:5000, parentArea:'#detailphotoblock'}); 
    35     $('#whobought_area ul li').flickSlide({target:'#whobought_area>ul', duration:5000, parentArea:'#whobought_area'}); 
     34    $('#detailphotoblock ul li').flickSlide({target:'#detailphotoblock>ul', duration:5000, parentArea:'#detailphotoblock', height: 200}); 
     35    $('#whobought_area ul li').flickSlide({target:'#whobought_area>ul', duration:5000, parentArea:'#whobought_area', height: 80}); 
    3636 
    3737    //お勧め商品のリンクを張り直し(フリックスライドによるエレメント生成後) 
     
    7777<h2 class="title"><!--{$tpl_subtitle|h}--></h2> 
    7878<!--★画像★--> 
     79 
    7980<div id="detailphotoblock" class="mainImageInit"> 
    8081    <ul> 
    8182        <!--{assign var=key value="main_image"}--> 
    8283        <li id="mainImage0"> 
     84 
     85        <!--{* 画像の縦横倍率を算出 *}--> 
     86        <!--{assign var=detail_image_size value=200}--> 
     87        <!--{assign var=main_image_factor value=`$arrFile[$key].width/$detail_image_size`}--> 
    8388        <!--{if $arrProduct.main_large_image|strlen >= 1}--> 
    8489            <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" target="_blank"> 
    85                 <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a> 
     90                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile.main_image.width/$main_image_factor}-->" height="<!--{$arrFile.main_image.height/$main_image_factor}-->" /></a> 
    8691        <!--{else}--> 
    87             <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /> 
     92            <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile.main_image.width/$main_image_factor}-->" height="<!--{$arrFile.main_image.height/$main_image_factor}-->" /> 
    8893        <!--{/if}--> 
    8994        </li> 
    9095        <!--★サブ画像★--> 
    9196        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> 
    92         <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> 
    93         <!--{if $arrProduct[$key] != ""}--> 
    94             <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> 
    95             <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> 
     97        <!--{assign var=sub_image_factor value=`$arrFile[$key].width/$detail_image_size`}--> 
     98        <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> 
     99        <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> 
     100        <!--{if $arrFile[$key].filepath != ""}--> 
    96101            <li id="mainImage<!--{$smarty.section.cnt.index+1}-->"> 
     102            <!--{if $arrProduct[$lkey] != ""}--> 
    97103              <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank"> 
    98               <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a> 
    99               </li> 
     104              <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" /></a> 
     105            <!--{else}--> 
     106              <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" /> 
     107            <!--{/if}--> 
     108            </li> 
    100109        <!--{/if}--> 
    101110        <!--{/section}--> 
     
    123132    <div class="product_detail"> 
    124133 
    125         <!--★ダウンロード販売★--> 
    126         <!--{if $arrProduct.down == 2}--> 
    127             <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br /> 
    128         <!--{/if}--> 
    129                      
    130134        <!--★商品名★--> 
    131135        <h3 class="product_name"><!--{$arrProduct.name|h}--></h3> 
     
    304308 
    305309            <!--★サブ画像★--> 
     310            <!--{assign var=sub_image_size value=80}--> 
    306311            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> 
    307312            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> 
    308313            <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> 
     314            <!--{assign var=sub_image_factor value=`$arrFile[$key].width/$sub_image_size`}--> 
    309315            <!--{if $arrProduct[$key]|strlen >= 1}--> 
    310316                <p class="subphotoimg"> 
    311317                <!--{if $arrProduct[$lkey]|strlen >= 1}--> 
    312                     <a rel="external" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank"> 
    313                     <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" /> 
     318                    <a rel="external" class="expansion" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank"> 
     319                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" /> 
    314320                    </a> 
    315321                <!--{else}--> 
    316                     <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" /> 
     322                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width/$sub_image_factor}-->" height="<!--{$arrFile[$key].height/$sub_image_factor}-->" /> 
    317323                <!--{/if}--> 
    318324                </p> 
Note: See TracChangeset for help on using the changeset viewer.