Добрый день, делаю по тиху сайт и столкнулся с такой фишке на modx cms.
Есть 4 изображения, пытаюсь сделать чтоб каждое изображение менялась на другие, на свои которые добавили.
Сам вывод стоит так:
[[!getPage?
&element=`getResources`
&parents=`17`
&tpl=`clearningTpl`
&limit=`4`
&sortby=`menuindex`
&sortdir=`ASC`
&includeTVs=`1`
&showLog=`1`
&processTVs=`1`
]]
Где
clearningTpl<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_4 fusion-one-fourth fusion-column-inner-bg-wrapper 1_4" style="margin-top:0px;margin-bottom:0px; float: left;">
<div class="fusion-column-wrapper">
<div class="fusion-sep-clear"></div>
<div class="fusion-separator fusion-full-width-sep sep-none mySep" style="margin-left: auto;margin-right: auto;margin-top:550px;"></div>
<div class="windows-1">
<h3 style="text-align: center;"><a style="color: #ffffff;" href="[[~[[+id]]]]">[[+longtitle:ellipsis=`190`]]</a></h3>
</div>
<div class="fusion-clearfix"></div>
</div>
<span class="fusion-column-inner-bg hover-type-zoomin">
<a href="[[~[[+id]]]]" aria-label="yoga">
<span class="bgfimg fusion-column-inner-bg-image">
<img class="" src="[[pthumb? &input=`[[+tv.image]]` &options=`h=906&w=604`]]">
</span>
</a>
</span>
</div>
Ну и сам скрипт JS автоматом менялось:
<script type="text/javascript">
imgs = [
'[[*image-1]]',
'[[*image-2]]',
'[[*image-3]]',
];
setInterval(function(){
img = imgs[Math.floor(Math.random()*imgs.length)];
$('span.bgfimg img:nth-child(1)').attr('src', img);
}, 1000);
</script>
Прописал 1 картинку
span.bgfimg img:nth-child(1) он не считает за 1 изображение. как решить проблему? Если 1 будет меняться, то просто продублирую и другим псевдоклассы да и всё, но не хочет
