I have the following code under modx site. And we want do this carousel automaticaly. How can I code it to do this?
<div style="overflow: hidden;" class="">
<div class="container">
<div class="row">
<div class="col-sm-12">
[[+category_type:is=`Bargain,Reduced`:then=`
<h3 class="" style="text-align: center; font-weight: 600; font-size: 23px;">
Our Bargain & Reduced Properties
</h3>
`:else=`
<h3 class="" style="text-align: center">
<strong>Featured</strong> Properties
</h3>
`]]
[[+category_type:is=`Bargain,Reduced`:then=``:else=`
<p style="text-align: center">
Here’s a list of our featured
[[+category_type:is=`Bargain,Reduced`:then=`bargain and reduced`]]
properties...
</p>
`]]
<div class="jcarousel-wrapper jcarousel-newdev">
<div class="jcarousel">
<ul class="2carousel-indicators" id="prop_images_indicators">
[[+category_type:is=`Bargain,Reduced`:then=`
[[!xpdoPropertiesSelect_reduced?]]
[[!xpdoPropertiesSelect_bargain?]]
`:else=`
[[!xpdoPropertiesSelect?]]
`]]
</ul>
</div>
<a href="#" class="jcarousel-control-prev" data-jcarouselcontrol="true">‹</a>
<a href="#" class="jcarousel-control-next" data-jcarouselcontrol="true">›</a>
</div>
</div>
</div>
</div>
</div>
If you want to check the site is bit.ly/28909UM under Featured Properties
rotation carousel transition modx
