Question

我使用Adobe Business Catalyst，它使用像{tag_poplets,rowlength,width,height}这样的标签来显示产品的较小popplet图像。

问题是我无法获取那里显示的图像的源代码。我希望能够分配给可以在模板中使用的图像（通常不超过4个）src变量（我还希望href放入链接中）：< / p>

<img src="variable_pic_1"/>
<img src="variable_pic_2"/>
<img src="variable_pic_3"/>
<img src="variable_pic_4"/>

有些产品只有1张小图片，因此最好显示空白图片。

这里是我发现的代码获取链接并合并它们，但我不能让它们单独工作......

<script>
    $('.productPopletsItem a').each(function(index) {
        alinkSrc = $(this).attr('href');
        imgSrc = $(this).children('img').attr('src');
        $('#prodGallery').append('<li>' + '<a href="' + alinkSrc + '"><img src ="' + imgSrc + '"></a></li>');

    });
    $('.ad-gallery').adGallery({
        start_at_index: 0
    });
</script>

这就是它在popop中的插入方式：

<div style="margin-left: 10px; margin-top: 352px; padding-top: 30px; position: absolute;" class="newGallery">
<div class="poplets">
    <div id="newLink">
        <a href="#TB_inline?height=600&amp;width=610&amp;inlineId=galleryContainer" class="thickbox">For additional images click here</a>
    </div>
    {tag_poplets,4,132,132}
</div>
<div id="galleryContainer">
    <div id="gallery" class="ad-gallery">
        <div class="ad-image-wrapper"></div>
        <div class="ad-controls"></div>
        <div class="ad-nav">
            <div class="ad-thumbs">
                <ul id="prodGallery"></ul>
            </div>
        </div>
    </div>
</div>

我不希望它出现在弹出窗口中，只是想要一些变量来获取图像src和href。感谢

稍后编辑：我设法通过编辑脚本的输出并将id = prodgallery添加到div来帮助自己:)以下是可能感兴趣的解决方案：

<script>
  $('.productPopletsItem a').each(function(index) {
      alinkSrc = $(this).attr('href');
      imgSrc = $(this).children('img').attr('src');
  $('#prodGallery').append('<a href="' + alinkSrc + '" title="#" class="cloud-zoom-gallery" rel="useZoom: \'zoom1\', smallImage: \'' + imgSrc + '\' "> <img src="' + imgSrc + '" width="62" title="#" alt="#" /></a>');


                        });
   $('.ad-gallery').adGallery({start_at_index: 0});
</script>

Javascript修改以获取图像源并分配值

0 个答案: