• General
  • Image slider pagelist snippet

Trying to build a slider from all images in the pagelist and cant seem to get the correct list or the slider navigation to work? Any suggestions?

<?php defined('AUTOMAD') or die('Direct access not permitted!'); ?>

<div class="uk-slidenav-position uk-overlay-hover" data-uk-slideshow="{autoplay:true,autoplayInterval:3000,animation:'scroll'}">

<ul class="uk-slideshow">
<@ newPagelist { options } @>


<@ foreach in pagelist { 
				width: 1440, 
				height: @{ slideshowHeight | def(810) }, 
				crop: true 
			} @>

			<@~ set_imageteaser_variable.php @>
			
			
			<@ if @{ :imageTeaser } ~@>
			<li>
			
			
			<img src="@{ :imageTeaser }">
			<@~ if @{ :caption } ~@>
			<div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-text-center">
				@{ :caption | markdown }
			</div>	
			<@~ end ~@>
			
			</li>
			<@~ end @>
			
			 
	
	
<@~ end @>
</ul>

<# Only show naviagtion for more than one image. #>
		<@~ if @{ :pagelistCount } > 1 @>
			<a 
			href="#" 
			class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" 
			data-uk-slideshow-item="previous"
			></a>
			<a 
			href="#" 
			class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" 
			data-uk-slideshow-item="next"
			></a>
			<ul class="uk-dotnav uk-dotnav-contrast uk-margin-small-bottom uk-position-bottom uk-flex-center">
				<@ for 0 to @{ :pagelistCount | -1 } ~@>
					<li data-uk-slideshow-item="@{ :i }"><a href=""></a></li>
				<@~ end @>
			</ul>
		<@ end ~@>

</div>

  • mad replied to this.

    heinrich Hi there. You are using a pagelist object in the example above. You will need to use a filelist instead.

    Thank you Mad, I was indeed using a pagelist object as I was trying to make pagelist slider frontpage.

    Newest Discussions