EE2和zoom.js bigimage = $(this)

时间:2011-10-11 16:32:10

标签: javascript expressionengine

我是java的新手:(

我有问题,但有expressengine2。我已将zoom.js添加到产品页面,缩放工作但不拉动ee2大图像。在zoom.js中,我找到了2个带图像源的地方,但无法弄清楚如何为图像插入ee2代码。

Zoom.js代码:

if($("div.zoomdiv").get().length==0){$(this).after("<div class='zoomdiv'><img class='bigimg' src='"+bigimage+"'/></div>");

var bigimage=$(this).children("img").attr("jqimg");$(this).children("img").attr("alt",'');

我需要在下面插入代码:

{exp:brilliant_retail:image src="{image_large}" width="390" height="320" jqimg="{image_large}"}

{image_large}

有人能帮助我吗?

1 个答案:

答案 0 :(得分:0)

我已成功将Zoom on product和其他图片+ FancyBox Enlarge结合起来!

我用过:EE2 + Brilliantretail for EE2 + http://www.professorcloud.com/mainsite/cloud-zoom.htm +这是我为ee2写的:

<div id="photos">


                <div class="large">
                        <a href="{exp:brilliant_retail:geturl type="media_url"}{image_large}" class="cloud-zoom" id="zoom1" rel="adjustX: 2, adjustY:-6, position:'inside', showTitle:true">
                        {exp:brilliant_retail:image src="{image_large}" width="390" height="470" alt='{image_title}' title='{title}'}
                        </a>

                </div>

                <div class="thumbs">
                    <ul>
                        {images}
                                                        <li><a href="{exp:brilliant_retail:geturl type="media_url"}{filenm}" title="{image_title}" rel="useZoom: 'zoom1', smallImage:'{exp:brilliant_retail:image src='{filenm}' width='390' height='470' url_only='yes'}' " class="cloud-zoom-gallery" url_only="yes"}" >{exp:brilliant_retail:image src="{filenm}" title="{title}" width="75" height="90"}</a></li>
                                {/images}
                    </ul>
                </div>


                <div class="clearboth"><!-- --></div>
            </div><!-- photos -->