Your IP : 216.73.216.84

Current Path : /home/helpink/www/modules/mod_uk_slideshow/tmpl/
Upload File :
Current File : /home/helpink/www/modules/mod_uk_slideshow/tmpl/default.php

<?php defined('_JEXEC') or die;
/*
 * @package     mod_uk_slider
 * @copyright   © 2020 Joomlaplates. All rights reserved.
 * @license     GNU General Public License version 3 or later; see http://www.gnu.org/licenses/gpl-3.0.txt
 */
$content_pos       = $params->get('content_pos');
$content_animation       = $params->get('content_animation');
$animation_delay       = $params->get('animation_delay');
$content_class       = $params->get('content_class');
$content_before    = $params->get('content_before');
$dotnav_pos    = $params->get('dotnav_pos');
$link    = $params->get('link');
$link_text    = $params->get('link_text');
$pause_on_hover    = $params->get('pause_on_hover');
$imgorvideo    = $params->get('imgorvideo');
$imgalttag    = $params->get('imgalttag');
$imglink    = $params->get('imglink');
$imgurl    = $params->get('imgurl');
$imgtarget    = $params->get('imgtarget');


?>
<style type="text/css">

.uk-slidenav {
    color: rgba(255,255,255,.9);
    background: rgba(0,0,0,.3);
	transition:background .1s ease-in-out
	
}
.uk-slidenav:focus, .uk-slidenav:hover {
    color: rgba(255,255,255,1);
    background: rgba(0,0,0,.5);
}
@media only screen and (max-width: 768px) {
  .jp-slide {max-width:90%!important;}
}

</style>
<?php if ($content_before) { ?>
<div class="<?php echo $content_class; ?>">
<?php echo $content_before; ?>
</div>
<?php } ?>
<div class="uk-position-relative uk-visible-toggle uk-dark" data-uk-slideshow<?php echo $sw_params; ?>>
    <ul class="uk-slideshow-items">
        <?php
        foreach ($items as $item){?>
        <li>
		<?php if ($item->imgorvideo) { ?>
            <?php if ($item->img_bg) { ?>
            
				<?php if ($item->imglink) { ?>
					<img src="<?php echo $item->img_bg; ?>" alt="<?php echo $item->imgalttag; ?>" uk-cover>
					<?php } else { ?>
						<a target="<?php echo $item->imgtarget; ?>" href="<?php echo $item->imgurl; ?>"><img src="<?php echo $item->img_bg; ?>" alt="<?php echo $item->imgalttag; ?>" uk-cover></a>
					<?php } ?>

            <?php } ?>
			
		<?php } else { ?> 
		
			<video src="<?php echo JURI::base(); ?>/images/<?php echo $item->local_video; ?>" <?php if ($item->video_control) { ?>controls <?php } ?> <?php if ($item->video_loop) { ?>loop <?php } ?> <?php if ($item->video_mute) { ?>muted <?php } ?> playsinline uk-video="autoplay:inview" uk-cover></video>
			
		<?php } ?>

		<?php if ($item->content) { ?>
			<div uk-scrollspy="cls:uk-animation-fade; delay: <?php echo $item->animation_delay; ?>; repeat:true" style="background:<?php echo $item->content_bg; ?>;margin:<?php echo $item->content_margin; ?>; max-width:<?php echo $item->content_width; ?>" class="<?php echo $item->content_text_align; ?> <?php echo $item->hide; ?>  <?php echo $item->content_pos; ?> jp-slide p-4" >
			<div style="color:<?php echo $item->content_color;?>"><?php echo $item->content; ?></div>
			<?php if ($item->link) { ?>
				<div class="pb-3">
					<a class="mt-2 btn btn-sm btn-primary" href="<?php echo $item->link; ?>"><?php echo $item->link_text; ?></a>
				</div>
				
			<?php } ?>
			</div>
		
		<?php } ?>
        </li>
        <?php } ?>
    </ul>

    <?php if ($slidenav) { ?>
	
    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" data-uk-slidenav-previous data-uk-slideshow-item="previous"></a>
    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" data-uk-slidenav-next data-uk-slideshow-item="next"></a>
    <?php } ?>

    <?php if ($dotnav) { ?>
	<div class="<?php if ($dotnav_pos) { ?>uk-position-bottom-center<?php } ?> uk-position-small">
	<ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
	</div>
    <?php } ?>

</div>