在不同资源和模板上使用migx电视幻灯片

Question

我在我的SmoothGallery革命网站上用Mootools制作了一个幻灯片，并使用Migx动态选择图像。它在我的第一页上运行良好，但是我想在网站的其他页面上使用相同的幻灯片(这个幻灯片在站点的标题中)。我试着把主要的Migx分配给不同的模板，但是幻灯片没有显示在使用这个模板的资源上，它只在第一个模板上工作。

在网站的不同地方使用相同的Migx是不可能的吗？

调用包含我的2个模板上的幻灯片的块：

<div id="slideshowbox">[[$slideshowbox]]</div><!--end slideshowbox-->

块“幻灯片显示框”的内容

    <script type="text/javascript">
    function startGallery() {
    var myGallery = new gallery($('myGallery'), {
    timed: true,
    showArrows: false,
    showCarousel: false,
    embedLinks: false
    });
    }
    window.addEvent('domready', startGallery);
    </script> 

<div id="myGallery">
[[!getImageList?
      &tvname=`SlideShow`
      &tpl=`SlideImage`
   ]]
</div>

SlideImage含量

<div class="imageElement">
<h3>[[+title]]</h3>
<p>[[+description]]</p>
<img src="[[+image]]" class="full" />
</div>

Migx : SlideShow Tabs：

[
{"caption":"Image", "fields":[
    {"field":"image","caption":"Image size 938px x 344px","inputTV":"image"}
]},
{"caption":"Info", "fields": [
    {"field":"title","caption":"Title"},
    {"field":"description","caption":"Description"}
]}

网格：

[
{"header": "Title", "width": "160", "sortable": "true", "dataIndex": "title"},
{"header": "Image", "width": "50", "sortable": "false", "dataIndex": "image","renderer": "this.renderImage"}
]

在我的两个模板的头部分：

<!--JQuery-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<!--SmoothGallery-->
<script src="assets/js/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
<script src="assets/js/mootools-1.2-more.js" type="text/javascript"></script>
<script src="assets/js/jd.gallery.js" type="text/javascript"></script>
<script src="assets/js/jd.gallery.transitions.js" type="text/javascript"></script>

对第一个模板的资源的结果：

<div id="slideshowbox"><script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false,
embedLinks: false
});
}
window.addEvent('domready', startGallery);
</script> 
<div id="myGallery">
<div class="imageElement">
<h3>Sanctuaire d'Itsukushima</h3>
<p>Corridor (Kairo)</p>
<img src="assets/images/img_temp/slideshow/kairo.jpg" class="full" />
</div><div class="imageElement">
<h3>Mikasahama</h3>
<p>Lanternes et Torii flottant</p>
<img src="assets/images/img_temp/slideshow/lanternes.jpg" class="full" />

</div><div class="imageElement">
<h3>Illuminations Nocturnes</h3>
<p>Sanctuaire d'Itsukushima et Pagode à 5 étages (Goju-no-to)</p>
<img src="assets/images/img_temp/slideshow/lightup.jpg" class="full" />
</div><div class="imageElement">
<h3>Sommet du Mont Misen</h3>
<p>et vue sur les îles de la Mer Intérieure de Seto</p>
<img src="assets/images/img_temp/slideshow/misen.jpg" class="full" />
</div><div class="imageElement">
<h3>Tour Tahoto</h3>
<p>au milieu des cerisiers en fleur</p>

<img src="assets/images/img_temp/slideshow/tahoto.jpg" class="full" />
</div><div class="imageElement">
<h3>Tsutusmigaura</h3>
<p>Plage et parc sportif</p>
<img src="assets/images/img_temp/slideshow/sea.jpg" class="full" />
</div>
</div></div><!--end slideshowbox-->

关于第二个问题的结果：

<div id="slideshowbox"><script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false,
embedLinks: false
});
}
window.addEvent('domready', startGallery);
</script> 
<div id="myGallery">

</div></div><!--end slideshowbox-->

它是空的。

我该怎么办？

编辑：

好的，我明白了，为什么它是空的:因为我必须再次填写表单来输入这个资源的图像和文本，它可以工作。

现在，我想知道的是，如何从我填写的第一个表单中获取变量，以便在我的站点的每个页面上显示相同的Slideshow？

Answer 1

问题是，默认情况下，getImageList片段指的是当前页面的SlideShow TV，当然，除了第一页之外，该页面都是空的。

您可以使用docid参数指定已将图像加载到第一个页面的id：

[[!getImageList?
      &tvname=`SlideShow`
      &tpl=`SlideImage`
      &docid=`1`    <-- id of document containing your images
   ]]

更多信息在这里：http://rtfm.modx.com/display/ADDON/MIGX.Frontend-Usage#MIGX.Frontend-Usage-getImageList