質問 > その他 > プラグインに関しての質問です。 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
hunterman2 |
投稿日時: 2010/11/18 7:59
対応状況: −−−
|
常連 登録日: 2010/6/5 居住地: 投稿: 66 |
プラグインに関しての質問です。 [EC-CUBE] V 2.4.4
[レンタルサーバ] infitoPLUS [OS] Windows XP [PHP] Version 5.2.9-2 [データベース] Mysql v 5.0.83 [ブラウザ] Fire fox バージョン3.6.2 商品詳細ページにて、jQueryプラグインのColorboxを使用しています。Fire Foxで画像をクリックすると、ちゃんとプラグインが効いています。 1.IEですとちゃんと効いているのですが、下の方に実行しましたがページでエラー発生と表示されます。 2.Google Chomeですと、画像枚数の数が大量 (本当は6枚なのに1 of 36など)に表示され,矢印で次の画像に進もうとするが、連続で同じ画像が表示され、次の画像まで何回も押す事になります。 ---HTML---- <head> <link type="text/css" media="screen" rel="stylesheet" href="<!--{$TPL_DIR}-->colorbox/colorbox.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="<!--{$TPL_DIR}-->colorbox/jquery.colorbox.js"></script> <script language="JavaScript" type="text/javascript"> $(function() { $(".colorbox").colorbox(); }); </script> </head> <body> <div id="detailarea"> <div id="detailphotoblock"> <!--{assign var=key value="main_image"}--> <!--{assign var=keyl value="main_large_image"}--> <!--{if $arrProduct.main_large_image != ""}--> <!--★画像★--> <a href="<!--{$arrFile[$keyl].filepath}-->" class="colorbox"rel="example1"> <img src="<!--{$arrFile[$key].filepath}-->"width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" /> </a> <p> <!--★ 拡大する★--> <a href="<!--{$arrFile[$keyl].filepath}-->" class="colorbox"rel="example1-3" onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/kakudaion.gif','expansion01');" onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/kakudai.gif','expansion01');"> </a> </p> <!--{else}--> <img src="<!--{$arrFile[$key].filepath}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" /> <!--{/if}--> </div> <div id="detailrightblock"> <!--アイコン--> <!--{if count($arrProduct.product_flag) > 0}--> <ul class="status_icon"> <!--{section name=flg loop=$arrProduct.product_flag|count_characters}--> <!--{if $arrProduct.product_flag[flg] == "1"}--> <li> <!--{assign var=key value="`$smarty.section.flg.iteration`"}--> <img src="<!--{$TPL_DIR}--><!--{$arrSTATUS_IMAGE[$key]}-->" width="64" height="19" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" /> </li> <!--{/if}--> <!--{/section}--> </ul> <!--{/if}--> <!--★商品コード★--> <!--{assign var=codecnt value=$arrProductCode|@count}--> <!--{assign var=codemax value=`$codecnt-1`}--> <div>商品コード: <!--{if $codecnt > 1}--> <!--{$arrProductCode.0}-->?<!--{$arrProductCode[$codemax]}--> <!--{else}--> <!--{$arrProductCode.0}--> <!--{/if}--> </div> <h2><!--★商品名★--><!--{$arrProduct.name|escape}--></h2> <!--★価格★--> <div><!--{$smarty.const.SALE_PRICE_TITLE}--><span class="mini">(TAX INC)</span>: <span class="price"> <!--{if $arrProduct.price02_min == $arrProduct.price02_max}--> <!--{$arrProduct.price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> <!--{else}--> <!--{$arrProduct.price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->?<!--{$arrProduct.price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}--> <!--{/if}-->円</span></div> <div> <!--{if $arrProduct.price01_max > 0}--> <span class="price"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->: <!--{if $arrProduct.price01_min == $arrProduct.price01_max}--> <!--{$arrProduct.price01_min|number_format}--> <!--{else}--> <!--{$arrProduct.price01_min|number_format}-->?<!--{$arrProduct.price01_max|number_format}--> <!--{/if}-->円</span> <!--{/if}--> </div> <!--▼サブコメントここから--> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> <div class="subarea"> <!--{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}--></div> <div class="subphotoimg"> <!--{if $arrFile[$lkey].filepath != ""}--> <ul><li> <a href="<!--{$arrFile[$lkey].filepath}-->" class="colorbox"rel="example1"> <!--{/if}--> <!--サブ画像--> <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" <!--{if $arrFile[$lkey].filepath != ""}--> </a> </li> </ul> <!--{/if}--> </body> |
AMUAMU |
投稿日時: 2010/11/19 1:17
対応状況: −−−
|
神 登録日: 2009/5/2 居住地: 東京都 投稿: 2712 |
Re: プラグインに関しての質問です。 利用しようとしているJQueryプラグインの利用方法をきちんと確認されると良いと思います。
class属性の後にスペースが無いのも気になります。 どちらにしろJQueryプラグインの利用方法に関する話でEC-CUBEとは関係が無さそうですので、適切なJQueryに関するコミュニティやTipsサイト等を確認されると良いと思います。
|
hunterman2 |
投稿日時: 2010/11/19 7:56
対応状況: 解決済
|
常連 登録日: 2010/6/5 居住地: 投稿: 66 |
Re: プラグインに関しての質問です。 AMUAMU さま、いつもありがとうございます。
>どちらにしろJQueryプラグインの利用方法に関する話でEC-CUBEとは関係が無さそうですので、適切なJQueryに関するコミュニティやTipsサイト等を確認されると良いと思います。 そうですね、おかとちがいでした。 ですが、AMUAMU さまのご指摘されたスペースを開けてみたところ、 ズバリ解決されました。本当にありがとうございます。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |