在Facebook即时文章中幻灯片显示的转换器规则不起作用？

Question

我正在使用Justified Gallery，我想在Facebook上发布我的页面作为即时文章。当我浏览文档here时，发现我可以通过Transformer Rules将图像转换为Slideshow。这里是我的画廊代码：

<div class="myExMul"> 
    <a href="link_to_img" class="swipeboxImg"> 
     <img src="link_to_img" alt="example_text" class="myExMulImg"> 
    </a> 
    <a href="link_to_img2" class="swipeboxImg"> 
     <img src="link_to_img2" alt="example_text2" class="myExMulImg"> 
    </a> 
    <a href="link_to_img3" class="swipeboxImg"> 
     <img src="link_to_img3" alt="example_text3" class="myExMulImg"> 
    </a> 
</div> 

，这里是我的变压器规则：

{ 
    "class": "SlideshowRule", 
    "selector": "div.myExMul", 
}, 
{ 
    "class": "SlideshowImageRule", 
    "selector": "img.myExMulImg", 
    "properties": { 
     "image.url": { 
      "type": "string", 
      "selector": "img.myExMulImg", 
      "attribute": "src" 
     }, 
     "caption.title": { 
      "type": "string", 
      "selector": "img.myExMulImg", 
      "attribute": "alt" 
     } 
    } 
} 

当我进口的规则，似乎我的规则打破了一切，我不能再发表我的文章，有什么我在这里做错了吗？

Answer 1

因此经过几个小时的研究，我发现了我的代码的正确规则。问题是你必须使用外部标签作为选择器（在我的情况下，它是a标签），而不是内部标签（img）。

{ 
    "class": "SlideshowRule", 
    "selector": "div.myExMul" 
}, 
{ 
    "class": "SlideshowImageRule", 
    "selector": "a.swipeboxImg", 
    "properties": { 
     "image.url": { 
      "type": "string", 
      "selector": "img", 
      "attribute": "src" 
     }, 
     "caption.title": { 
      "type": "string", 
      "selector": "img", 
      "attribute": "alt" 
     } 
    } 
}