Your IP : 216.73.217.80
<?php
/**
* FavImageHover
*
* Responsive and customizable Joomla!3 module
*
* @version 2.1
* @link http://extensions.favthemes.com/favimagehover
* @author FavThemes - http://www.favthemes.com
* @copyright Copyright (C) 2012-2018 FavThemes.com. All Rights Reserved.
* @license Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
*/
// no direct access
defined('_JEXEC') or die;
$jquery_load = $params->get('jquery_load');
$layout_effect = $params->get('layout_effect');
$image_border_radius = $params->get('image_border_radius');
$title_google_font = $params->get('title_google_font');
$title_font_weight = $params->get('title_font_weight');
$title_font_style = $params->get('title_font_style');
$title_padding = $params->get('title_padding');
$title_font_size = $params->get('title_font_size');
$title_line_height = $params->get('title_line_height');
$title_text_align = $params->get('title_text_align');
$title_icon_vertical_align = $params->get('title_icon_vertical_align');
$description_font_size = $params->get('description_font_size');
$description_line_height = $params->get('description_line_height');
$description_text_align = $params->get('description_text_align');
$readmore_padding = $params->get('readmore_padding');
$readmore_border_radius = $params->get('readmore_border_radius');
for ($j=1;$j<7;$j++) {
${'show_image'.$j} = $params->get('show_image'.$j);
${'upload_image'.$j} = $params->get('upload_image'.$j);
${'image_alt'.$j} = $params->get('image_alt'.$j);
${'title_text'.$j} = $params->get('title_text'.$j);
${'title_color'.$j} = $params->get('title_color'.$j);
${'title_bg_color'.$j} = $params->get('title_bg_color'.$j);
${'title_icon'.$j} = $params->get('title_icon'.$j);
${'description_text'.$j} = $params->get('description_text'.$j);
${'description_text_color'.$j} = $params->get('description_text_color'.$j);
${'readmore_text'.$j} = $params->get('readmore_text'.$j);
${'readmore_color'.$j} = $params->get('readmore_color'.$j);
${'readmore_bg_color'.$j} = $params->get('readmore_bg_color'.$j);
${'readmore_link'.$j} = $params->get('readmore_link'.$j);
${'readmore_target'.$j} = $params->get('readmore_target'.$j);
}
$custom_id = rand(10000,20000);
// Load Bootstrap
if ($jquery_load) {JHtml::_('jquery.framework'); }
// check if favth-bootstrap and viewport checker already loaded
$jhead = JFactory::getDocument();
$lscripts = $jhead->_scripts;
$load_favthb = true;
$load_vwchk = true;
foreach ($lscripts as $k => $v) {
if (strpos($k, 'favth-bootstrap') !== false) { $load_favthb = false; }
else if (strpos($k, 'viewportchecker.js') !== false) { $load_vwchk = false; }
}
// end check if favth-bootstrap and viewport checker already loaded
if ($load_favthb) {
JHTML::stylesheet('modules/mod_favimagehover/theme/bootstrap/favth-bootstrap.css');
JHTML::script('modules/mod_favimagehover/theme/bootstrap/favth-bootstrap.js');
}
// END Load Bootstrap
// Module CSS
JHTML::stylesheet('modules/mod_favimagehover/theme/css/favimagehover.css');
JHTML::stylesheet('//use.fontawesome.com/releases/v5.1.0/css/all.css');
// Google Font
JHTML::stylesheet('//fonts.googleapis.com/css?family='.str_replace(" ","+",$title_google_font).':'.$title_font_weight.str_replace("normal","",$title_font_style));
// Scripts
if ($load_vwchk) {
JHTML::script('modules/mod_favimagehover/theme/js/viewportchecker/viewportchecker.js');
}
?>
<?php if ($layout_effect != 'layout-effect-none') { ?>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#favimagehover-<?php echo $custom_id; ?> .layout-effect').addClass("favhide").viewportChecker({
classToAdd: 'favshow <?php echo $layout_effect; ?>', // Class to add to the elements when they are visible
offset: 100
});
});
</script>
<?php } ?>
<div id="favimagehover-<?php echo $custom_id; ?>" class="favth-row">
<?php
$col_class = '';
$active_columns = array($show_image1,$show_image2,$show_image3,$show_image4,$show_image5,$show_image6);
$columns_check = 0; foreach ($active_columns as $active_column) { if ($active_column == 1) { $columns_check++; } }
if ($columns_check == 6) { $col_class = 'favth-col-lg-2 favth-col-md-4 favth-col-sm-6 favth-col-xs-12'; }
else if ($columns_check == 5) { $col_class = 'favth-col-lg-2-4 favth-col-md-4 favth-col-sm-6 favth-col-xs-12'; }
else if ($columns_check == 4) { $col_class = 'favth-col-lg-3 favth-col-md-3 favth-col-sm-6 favth-col-xs-12'; }
else if ($columns_check == 3) { $col_class = 'favth-col-lg-4 favth-col-md-4 favth-col-sm-4 favth-col-xs-12'; }
else if ($columns_check == 2) { $col_class = 'favth-col-lg-6 favth-col-md-6 favth-col-sm-6 favth-col-xs-12'; }
else if ($columns_check == 1) { $col_class = 'favth-col-lg-12 favth-col-md-12 favth-col-sm-12 favth-col-xs-12'; }
for ($i=1;$i<7;$i++) {
if ((${'show_image'.$i}) !=0) { ?>
<div class="favimagehover <?php echo $col_class; ?>">
<div id="favimagehover-box<?php echo $i; ?>"
class="favimagehover<?php echo $i; ?> layout-effect"
style="-webkit-border-radius: <?php echo $image_border_radius; ?>;
-moz-border-radius: <?php echo $image_border_radius; ?>;
border-radius: <?php echo $image_border_radius; ?>;">
<div id="favimagehover-image-container<?php echo $i; ?>">
<div id="favimagehover-image<?php echo $i; ?>"
style="height: 100%;">
<?php if (${'upload_image'.$i}) { ?>
<img src="<?php echo ${'upload_image'.$i}; ?>"
alt="<?php echo ${'image_alt'.$i}; ?>"/>
<?php } else { ?>
<img src="modules/mod_favimagehover/demo/demo-image<?php echo $i; ?>.jpg"
alt="<?php echo ${'image_alt'.$i}; ?>"/>
<?php } ?>
</div>
<div id="favimagehover-overlay<?php echo $i; ?>">
<p id="favimagehover-description<?php echo $i; ?>"
style="color: #<?php echo ${'description_text_color'.$i}; ?>;
font-size: <?php echo $description_font_size; ?>;
line-height: <?php echo $description_line_height; ?>;
text-align: <?php echo $description_text_align; ?>;">
<?php echo ${'description_text'.$i}; ?>
</p>
<div id="favimagehover-readmore<?php echo $i; ?>"
class="favimagehover-readmore"
style="text-align: <?php echo $description_text_align; ?>;">
<a class="btn"
href="<?php echo ${'readmore_link'.$i}; ?>"
target="_<?php echo ${'readmore_target'.$i}; ?>"
style="color: #<?php echo ${'readmore_color'.$i}; ?>;
background-color: #<?php echo ${'readmore_bg_color'.$i}; ?>;
padding: <?php echo $readmore_padding; ?>;
-webkit-border-radius: <?php echo $readmore_border_radius; ?>;
-moz-border-radius: <?php echo $readmore_border_radius; ?>;
border-radius: <?php echo $readmore_border_radius; ?>;
margin: 0; ">
<i class="fas fa-arrow-right"
style="font-size: <?php echo $description_font_size; ?>; padding-right: 0.4em;"></i>
<?php echo ${'readmore_text'.$i}; ?>
</a>
</div>
</div>
</div>
<h4 id="favimagehover-title<?php echo $i; ?>"
style="color: #<?php echo ${'title_color'.$i}; ?>;
background-color: #<?php echo ${'title_bg_color'.$i}; ?>;
font-family: <?php echo $title_google_font; ?>;
font-weight: <?php echo $title_font_weight; ?>;
font-style: <?php echo $title_font_style; ?>;
padding: <?php echo $title_padding; ?>;
font-size: <?php echo $title_font_size; ?>;
line-height: <?php echo $title_line_height; ?>;
text-align: <?php echo $title_text_align; ?>;
margin-bottom: 0;">
<i class="<?php echo ${'title_icon'.$i}; ?>"
style="color: #<?php echo ${'title_color'.$i}; ?>;
font-size: <?php echo $title_font_size; ?>;
vertical-align: <?php echo $title_icon_vertical_align; ?>">
</i>
<?php echo ${'title_text'.$i}; ?>
</h4>
</div>
</div>
<?php } } ?>
</div>