Warning: Undefined array key 0 in /mnt/web504/d0/28/54597828/htdocs/hp24/modules/mod_j51carousel/tmpl/default.php on line 98 Warning: Undefined array key 1 in /mnt/web504/d0/28/54597828/htdocs/hp24/modules/mod_j51carousel/tmpl/default.php on line 98 Warning: Undefined array key 2 in /mnt/web504/d0/28/54597828/htdocs/hp24/modules/mod_j51carousel/tmpl/default.php on line 98 Warning: Undefined array key 3 in /mnt/web504/d0/28/54597828/htdocs/hp24/modules/mod_j51carousel/tmpl/default.php on line 98
My Default.php
<?php
/**
* J51_GridGallery
* Version : 1.0
* Created by : Joomla51
* Email : info@joomla51.com
* URL : http://www.joomla51.com
* License GPLv2.0 - http://www.gnu.org/licenses/gpl-2.0.html
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
$baseurl = JURI::base();
$j51_moduleid = $module->id;
$j51_num_blocks = $params->get( 'j51_num_blocks' );
$j51_randomize = $params->get( 'j51_randomize' );
$j51_blocks_per_slide = $params->get( 'j51_blocks_per_slide' );
$j51_transition_interval = $params->get( 'j51_transition_interval' );
$j51_transition_duration = $params->get( 'j51_transition_duration' );
$j51_transition_type = $params->get( 'j51_transition_type', 'slide' );
$j51_transition_in = $params->get( 'j51_transition_in' );
$j51_transition_out = $params->get( 'j51_transition_out' );
$j51_autoplay = $params->get( 'j51_autoplay' );
$j51_pagination = $params->get( 'j51_pagination' );
$j51_navigation = $params->get( 'j51_navigation' );
$j51_image_width_tabl = $params->get( 'j51_image_width_tabl' );
$j51_image_width_tabp = $params->get( 'j51_image_width_tabp' );
$j51_image_width_mobl = $params->get( 'j51_image_width_mobl' );
$j51_image_width_mobp = $params->get( 'j51_image_width_mobp' );
$j51_text_prev = $params->get( 'j51_text_prev');
$j51_text_next = $params->get( 'j51_text_next');
$j51_horiz_padding = $params->get( 'j51_horiz_padding' );
$j51_vert_padding = $params->get( 'j51_vert_padding' );
$j51_boxed = $params->get( 'j51_boxed' );
$image_ref = array();
$j51_image = array();
$j51_image_alt = array();
$image_url = array();
$j51_title = array();
$j51_text = array();
$j51_disablecaption = array();
$j51_disableurl = array();
$target_url= array();
$j51_animate_class= array();
$max_images = 15;
for ($i = 1; $i <= $max_images; $i++) {
if ($params->get( 'j51_image'.$i )) {
$image_ref[] = $i;
$j51_image[$i] = trim($params->get( 'j51_image'.$i ));
$j51_image_alt[$i] = $params->get( 'j51_image_alt'.$i );
$j51_title[$i] = $params->get( 'j51_title'.$i );
$j51_text[$i] = $params->get( 'j51_text'.$i );
$image_url[$i] = $params->get( 'image_url'.$i );
$j51_disablecaption[$i] = $params->get( 'j51_disablecaption'.$i );
$j51_disableurl[$i] = $params->get( 'j51_disableurl'.$i );
$target_url[$i] = $params->get( 'target_url'.$i );
$j51_animate_class[$i] = $params->get( 'j51_animate_class'.$i );
}
}
// Toggle Shuffle Images
$image_cnt = count ($image_ref);
if ($j51_randomize ) {
shuffle ($image_ref);
}
// Load CSS/JS
$document = JFactory::getDocument();
$document->addStyleSheet (JURI::base() . 'modules/mod_j51carousel/css/owl.carousel.css' );
$document->addStyleSheet (JURI::base() . 'modules/mod_j51carousel/css/owl.theme.css' );
// $document->addStyleSheet (JURI::base() . 'modules/mod_j51carousel/css/owl.transitions.css' );
$document->addStyleSheet (JURI::base() . 'modules/mod_j51carousel/css/style.css' );
/* Boxed */
if($j51_boxed == "1"
: $style = '
#owl-carousel'.$j51_moduleid.' .item {
background: rgba(0,0,0,.2);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
padding:20px;
}
';
$document->addStyleDeclaration( $style );
endif;
?>
<div id="owl-carousel<?php echo $j51_moduleid; ?>" class="owl-carousel owl-theme">
<?php
$imagenr = 0;
for ($i= 1; $i <= $j51_num_blocks; $i++) {
$cur_img = $image_ref[$imagenr] ;
?>
<div class="item" style="margin-top: <?php echo $j51_vert_padding ?>px; margin-bottom: <?php echo $j51_vert_padding ?>px;">
<?php echo $j51_image[$cur_img]; ?>
</div>
<?php
$imagenr++;
} ?>
</div>
<script type="text/javascript" src="modules/mod_j51carousel/js/owl.carousel.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#owl-carousel<?php echo $j51_moduleid; ?>"
.owlCarousel({autoplaySpeed : <?php echo $j51_transition_duration ?>,
navText: ["<?php echo $j51_text_prev ?>","<?php echo $j51_text_next ?>"],
navClass: ["btn","btn"],
loop: true,
margin: <?php echo $j51_horiz_padding ?>,
items: 1,
nav: <?php echo $j51_navigation ?>,
autoplay: <?php echo $j51_autoplay ?>,
autoplayTimeout: <?php echo $j51_transition_interval ?>,
dots: <?php echo $j51_pagination ?>,
<?php if ($j51_transition_type == "css"
{ ?>animateOut: '<?php echo $j51_transition_out ?>',
animateIn: '<?php echo $j51_transition_in ?>',
<?php } ?>
responsive:{
0:{
items:<?php echo $j51_image_width_mobp ?>,
},
440:{
items:<?php echo $j51_image_width_mobl ?>,
},
767:{
items:<?php echo $j51_image_width_tabp ?>,
},
959:{
items:<?php echo $j51_image_width_tabl ?>,
},
1024:{
items:<?php echo $j51_blocks_per_slide ?>,
}
},
});
});
</script>
