function front_end_slider($images, $paramssld, $slider)
{
ob_start();
if (isset($slider)) {
$sliderID = $slider[0]->id;
$slidertitle = $slider[0]->name;
$sliderheight = $slider[0]->sl_height;
$sliderwidth = $slider[0]->sl_width;
$slidereffect = $slider[0]->slider_list_effects_s;
$slidepausetime = $slider[0]->description + $slider[0]->param;
$sliderpauseonhover = $slider[0]->pause_on_hover;
$sliderposition = $slider[0]->sl_position;
$slidechangespeed = $slider[0]->param;
$sliderloadingicon = $slider[0]->sl_loading_icon;
$sliderthumbslider = $slider[0]->show_thumb;
$slideshow_title_position = explode('-', trim($paramssld['slider_title_position']));
$slideshow_description_position = explode('-', trim($paramssld['slider_description_position']));
}
$hasyoutube = false;
$hasvimeo = false;
foreach ($images as $key => $image_row) {
if (strpos($image_row->image_url, 'youtube') !== false || strpos($image_row->image_url, 'youtu.be') !== false) {
$hasyoutube = true;
}
if (strpos($image_row->image_url, 'vimeo') !== false) {
$hasvimeo = true;
}
}
$GLOBALS['pause_time'] = $slidepausetime;
$GLOBALS['thumbnail_width'] = $sliderwidth;
$GLOBALS['changespeed'] = $slider[0]->param;
?>
<script>
var huge_video_playing={};
var autoplayMatch={};
</script>
<?php
if ($hasvimeo == true) {
?>
<script src="<?php
echo plugins_url('js/vimeo.lib.js', __FILE__);
?>
"></script>
<script src="https://f.vimeocdn.com/js/froogaloop2.min.js "></script>
<script>
jQuery(function(){
var vimeoPlayer = document.querySelector('iframe');
var volumes = [];
var colors = [];
var i=0;
<?php
$i = 0;
//$vimeoparams=array_reverse($images);
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'vimeo') !== false) {
?>
volumes[<?php
echo $i;
?>
] = '<?php
echo intval($image_row->description) / 100;
?>
';
colors[<?php
echo $i;
?>
] = '<?php
echo $image_row->link_target;
?>
';
<?php
$i++;
}
}
?>
jQuery('iframe').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
jQuery(".sidedock,.controls").remove();
function ready(player_id) {
froogaloop = $f(player_id);
function setupEventListeners() {
function setVideoVolume(player_id,value) {
Froogaloop(player_id).api('setVolume',value);
}
function setVideoColor(player_id,value) {
Froogaloop(player_id).api('setColor',value);
}
function onPlay() {
froogaloop.addEvent('play',
function(){
huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
]=true;
});
}
function onPause() {
froogaloop.addEvent('pause',
function(){
huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
]=false;
});
}
function stopVimeoVideo(player){
Froogaloop(player).api('pause');
}
setVideoVolume(player_id,volumes[i]);
setVideoColor(player_id,colors[i]);
i++;
onPlay();
onPause();
jQuery('#huge_it_slideshow_left_<?php
echo $sliderID;
?>
, #huge_it_slideshow_right_<?php
echo $sliderID;
?>
,.huge_it_slideshow_dots_<?php
echo $sliderID;
?>
').click(function(){
stopVimeoVideo(player_id);
});
}
setupEventListeners();
}
});
</script>
<?php
}
?>
<?php
if ($hasyoutube == true) {
?>
<script src="<?php
echo plugins_url('js/youtube.lib.js', __FILE__);
?>
"></script>
<script>
<?php
function get_youtube_id_from_url($url)
{
if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) {
return $match[1];
}
}
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtu') !== false) {
?>
var player_<?php
echo $image_row->id;
?>
;
<?php
} else {
if (strpos($image_row->image_url, 'vimeo') !== false) {
?>
<?php
} else {
continue;
}
}
$i++;
}
?>
huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
]=false;
function onYouTubeIframeAPIReady() {
<?php
foreach ($images as $key => $image_row) {
?>
<?php
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
player_<?php
echo $image_row->id;
?>
= new YT.Player('video_id_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
', {
height: '<?php
echo $sliderheight;
?>
',
width: '<?php
echo $sliderwidth;
?>
',
videoId: '<?php
echo get_youtube_id_from_url($image_row->image_url);
?>
',
playerVars: {
'controls': <?php
if ($images[$key]->sl_url == "on") {
echo 1;
} else {
echo 0;
}
?>
,
'showinfo': <?php
if ($images[$key]->link_target == "on") {
echo 1;
} else {
echo 0;
}
?>
,
'rel':0
},
events: {
'onReady': onPlayerReady_<?php
echo $image_row->id;
?>
,
'onStateChange': onPlayerStateChange_<?php
echo $image_row->id;
?>
,
'loop':1
}
});
<?php
} else {
continue;
}
}
?>
}
<?php
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtu') !== false) {
?>
function onPlayerReady_<?php
echo $image_row->id;
?>
(event) {
player_<?php
echo $image_row->id;
?>
.setVolume(<?php
echo $images[$key]->description;
?>
);
}
function onPlayerStateChange_<?php
echo $image_row->id;
?>
(event) {
//(event.data);
//jQuery("iframe[class^='huge_it_video_frame_']")[myid].src;
if (event.data == YT.PlayerState.PLAYING) {
event.target.setPlaybackQuality('<?php
echo $images[$key]->name;
?>
');
huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
]=true;
}
else if(event.data == YT.PlayerState.PAUSED){
huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
]=false;
}
}
<?php
} else {
continue;
}
}
?>
function stopYoutubeVideo() {
<?php
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
player_<?php
echo $image_row->id;
?>
.pauseVideo();
<?php
} else {
continue;
}
$i++;
}
?>
}
</script>
<?php
}
?>
<script>
jQuery(document).ready(function($) {
$('.thumb_wrapper').on('click', function(ev) {
var hugeid=$(this).data('rowid');
var myid=hugeid;
myid=parseInt(myid);
eval('player_'+myid+'.playVideo()')
ev.preventDefault();
});
});
if(typeof sliderID_array =="undefined"){
var sliderID_array=[];
}
var data_<?php
echo $sliderID;
?>
= [];
var event_stack_<?php
echo $sliderID;
?>
= [];
huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
]=false;
<?php
$args = array('numberposts' => 10, 'offset' => 0, 'category' => 0, 'orderby' => 'post_date', 'order' => 'DESC', 'post_type' => 'post', 'post_status' => 'draft, publish, future, pending, private', 'suppress_filters' => true);
// $images=array_reverse($images);
$recent_posts = wp_get_recent_posts($args, ARRAY_A);
$i = 0;
foreach ($images as $image) {
$imagerowstype = $image->sl_type;
if ($image->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'video':
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'last_posts':
$keyForStoping = 0;
foreach ($recent_posts as $keyl => $recentimage) {
if ($image->name == "0") {
if (get_the_post_thumbnail($recentimage["ID"], 'thumbnail') != '') {
if ($keyl < $image->sl_url) {
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $recentimage['guid'] . '";';
$strdesription = str_replace('"', "'", $recentimage['post_content']);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
$strdesription = substr_replace($strdesription, "", $image->description);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $recentimage['post_title']);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
}
}
} else {
$category_id = get_cat_ID($image->name);
// USER CHOOSED CATEGORY
$category_id_from_posts = wp_get_post_categories($recentimage['ID']);
// GETTING ALL CATEGORIES FOR THIS POST
if ($keyForStoping < $image->sl_url) {
if (in_array($category_id, $category_id_from_posts)) {
if (get_the_post_thumbnail($recentimage["ID"], 'thumbnail') != '') {
$keyForStoping++;
// if($keyl < $image->sl_url){
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $recentimage['guid'] . '";';
$strdesription = str_replace('"', "'", $recentimage['post_content']);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
$strdesription = substr_replace($strdesription, "", $image->description);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $recentimage['post_title']);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
// }
}
}
}
}
}
break;
}
}
?>
var huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= false;
var huge_it_transition_duration_<?php
echo $sliderID;
?>
= <?php
echo $slidechangespeed;
?>
;
var huge_interval ={};
var id_array_index=sliderID_array.length
<?php
$huge_sliderId = '';
if (isset($huge_sliderId)) {
$huge_sliderId = $huge_sliderId;
} else {
$huge_sliderId = '';
}
if ($huge_sliderId == ';') {
$huge_sliderId = '';
}
if ($slider[0]->show_thumb == 'thumbnails') {
$huge_sliderId = $slider[0]->id;
}
?>
var ifhasthumb ="<?php
echo $sliderthumbslider;
?>
";
sliderID_array[id_array_index] = <?php
echo $huge_sliderId;
?>
// Stop autoplay.
window.clearInterval(huge_interval['huge_it_playInterval_'+<?php
echo $sliderID;
?>
]);
var huge_it_current_key_<?php
echo $sliderID;
?>
= '<?php
echo isset($current_key) ? $current_key : '';
?>
';
function huge_it_move_dots_<?php
echo $sliderID;
?>
() {
var image_left = jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").position().left;
var image_right = jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").position().left + jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").outerWidth(true);
}
function huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_<?php
echo $sliderID;
?>
('Transition');
}
function huge_it_testBrowser_cssTransforms3d_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_<?php
echo $sliderID;
?>
('Perspective');
}
function huge_it_testDom_<?php
echo $sliderID;
?>
(prop) {
// Browser vendor CSS prefixes.
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
// Browser vendor DOM prefixes.
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function huge_it_cube_<?php
echo $sliderID;
?>
(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
return huge_it_fallback_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
if (!huge_it_testBrowser_cssTransforms3d_<?php
echo $sliderID;
?>
()) {
return huge_it_fallback3d_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
//alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'z-index': 'none'});
jQuery(next_image_class).css({'z-index' : 2});
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
,.huge_it_slide_bg_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_<?php
echo $sliderID;
?>
").css('overflow', 'visible');
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").css({
transition: 'all ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
/*if (huge_it_from_focus_<?php
echo $sliderID;
?>
) {
huge_it_from_focus_<?php
echo $sliderID;
?>
= false;
return;
}*/
jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_<?php
echo $sliderID;
?>
").css('overflow', 'hidden');
jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").removeAttr('style');
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").removeAttr('style');
// alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
// huge_it_change_watermark_container_<?php
echo $sliderID;
?>
();
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_<?php
echo $sliderID;
?>
(key[0], key[1], data_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_cubeH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function huge_it_cubeV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function huge_it_fallback_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_fade_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function huge_it_fallback3d_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_sliceV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
function huge_it_none_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
}
function huge_it_fade_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
()) {
jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_<?php
echo $sliderID;
?>
);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: huge_it_transition_duration_<?php
echo $sliderID;
?>
,
complete: function () {return false;}
});
// For IE.
jQuery(current_image_class).fadeTo(huge_it_transition_duration_<?php
echo $sliderID;
?>
, 0);
jQuery(next_image_class).fadeTo(huge_it_transition_duration_<?php
echo $sliderID;
?>
, 1);
}
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
}
function huge_it_grid_<?php
echo $sliderID;
?>
(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
return huge_it_fallback_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (huge_it_transition_duration_<?php
echo $sliderID;
?>
) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('<div class="huge_it_gridlet_<?php
echo $sliderID;
?>
" />').css({
width : width,
height : height,
top : top,
left : left,
backgroundImage : 'url("' + src + '")',
backgroundColor: jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").css("background-color"),
/*backgroundColor: rgba(0, 0, 0, 0),*/
backgroundRepeat: 'no-repeat',
backgroundPosition : img_left + 'px ' + img_top + 'px',
backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
transition : 'all ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms ease-in-out ' + delay + 'ms',
transform : 'none'
});
}
/* Get the current slide's image.*/
var cur_img = jQuery(current_image_class).find('img');
/* Create a grid to hold the gridlets.*/
var grid = jQuery('<div />').addClass('huge_it_grid_<?php
echo $sliderID;
?>
');
/* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
jQuery(current_image_class).prepend(grid);
/* vars to calculate positioning/size of gridlets*/
var cont = jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
");
var imgWidth = cur_img.width();
var imgHeight = cur_img.height();
var contWidth = cont.width(),
contHeight = cont.height(),
imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
colWidth = Math.floor(contWidth / cols),
rowHeight = Math.floor(contHeight / rows),
colRemainder = contWidth - (cols * colWidth),
colAdd = Math.ceil(colRemainder / cols),
rowRemainder = contHeight - (rows * rowHeight),
rowAdd = Math.ceil(rowRemainder / rows),
leftDist = 0,
img_leftDist = (jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").width() - cur_img.width()) / 2;
/* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
tx = tx === 'auto' ? contWidth : tx;
tx = tx === 'min-auto' ? - contWidth : tx;
ty = ty === 'auto' ? contHeight : ty;
ty = ty === 'min-auto' ? - contHeight : ty;
/* Loop through cols*/
for (var i = 0; i < cols; i++) {
var topDist = 0,
img_topDst = (jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").height() - cur_img.height()) / 2,
newColWidth = colWidth;
/* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
if (colRemainder > 0) {
var add = colRemainder >= colAdd ? colAdd : colRemainder;
newColWidth += add;
colRemainder -= add;
}
/* Nested loop to create row gridlets for each col.*/
for (var j = 0; j < rows; j++) {
var newRowHeight = rowHeight,
newRowRemainder = rowRemainder;
/* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
if (newRowRemainder > 0) {
add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
newRowHeight += add;
newRowRemainder -= add;
}
/* Create & append gridlet to grid.*/
grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
topDist += newRowHeight;
img_topDst -= newRowHeight;
}
img_leftDist -= newColWidth;
leftDist += newColWidth;
}
/* Set event listener on last gridlet to finish transitioning.*/
var last_gridlet = grid.children().last();
/* Show grid & hide the image it replaces.*/
grid.show();
cur_img.css('opacity', 0);
/* Add identifying classes to corner gridlets (useful if applying border radius).*/
grid.children().first().addClass('rs-top-left');
grid.children().last().addClass('rs-bottom-right');
grid.children().eq(rows - 1).addClass('rs-bottom-left');
grid.children().eq(- rows).addClass('rs-top-right');
/* Execution steps.*/
setTimeout(function () {
grid.children().css({
opacity: op,
transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
});
}, 1);
jQuery(next_image_class).css('opacity', 1);
/* After transition.*/
jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
cur_img.css('opacity', 1);
grid.remove();
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_<?php
echo $sliderID;
?>
(key[0], key[1], data_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_sliceH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_sliceV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'min-auto';
}
else if (direction == 'left') {
var translateY = 'auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_slideV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'auto';
}
else if (direction == 'left') {
var translateY = 'min-auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_slideH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_scaleOut_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_scaleIn_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_blockScale_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
}
function huge_it_kaleidoscope_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_fan_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var rotate = 45;
var translateX = 100;
}
else if (direction == 'left') {
var rotate = -45;
var translateX = -100;
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_blindV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_blindH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_random_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
/* Pick a random transition from the anims array.*/
this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php
echo $sliderID;
?>
"](current_image_class, next_image_class, direction);
}
function iterator_<?php
echo $sliderID;
?>
() {
var iterator = 1;
return iterator;
}
function huge_it_change_image_<?php
echo $sliderID;
?>
(current_key, key, data_<?php
echo $sliderID;
?>
, from_effect,clicked) {
if (data_<?php
echo $sliderID;
?>
[key]) {
if(huge_video_playing['video_is_playing_'+<?php
echo $sliderID;
?>
] && !clicked){
return false;
}
if (!from_effect) {
// Change image key.
jQuery("#huge_it_current_image_key_<?php
echo $sliderID;
?>
").val(key);
// if (current_key == '-2') { /* Dots.*/
current_key = jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").attr("data-image_key");
// }
}
if (huge_it_trans_in_progress_<?php
echo $sliderID;
?>
) {
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" --IN TRANSACTION-- <br />");
event_stack_<?php
echo $sliderID;
?>
.push(current_key + '-' + key);
return;
}
var direction = 'right';
if (huge_it_current_key_<?php
echo $sliderID;
?>
> key) {
var direction = 'left';
}
else if (huge_it_current_key_<?php
echo $sliderID;
?>
== key) {
return false;
}
// Set active thumbnail position.
huge_it_current_key_<?php
echo $sliderID;
?>
= key;
//Change image id, title, description.
jQuery("#huge_it_slideshow_image_<?php
echo $sliderID;
?>
").attr('data-image_id', data_<?php
echo $sliderID;
?>
[key]["id"]);
jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").html(data_<?php
echo $sliderID;
?>
[key]["alt"]);
jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").html(data_<?php
echo $sliderID;
?>
[key]["description"]);
var current_image_class = "#image_id_<?php
echo $sliderID;
?>
_" + data_<?php
echo $sliderID;
?>
[current_key]["id"];
var next_image_class = "#image_id_<?php
echo $sliderID;
?>
_" + data_<?php
echo $sliderID;
?>
[key]["id"];
if(jQuery(current_image_class).find('.huge_it_video_frame_<?php
echo $sliderID;
?>
').length>0) {
var streffect='<?php
echo $slidereffect;
?>
';
if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
huge_it_<?php
echo $slidereffect;
?>
_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}else{
huge_it_fade_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
}else{
huge_it_<?php
echo $slidereffect;
?>
_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
jQuery('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery(current_image_class).find('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').addClass('none');
jQuery(current_image_class).find('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').addClass('none');
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
huge_it_move_dots_<?php
echo $sliderID;
?>
();
<?php
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
stopYoutubeVideo();
<?php
}
}
?>
window.clearInterval(huge_interval['huge_it_playInterval_'+<?php
echo $sliderID;
?>
]);
play_<?php
echo $sliderID;
?>
();
}
}
var staticthumbWidth;
jQuery(window).load(function(){
staticthumbWidth=jQuery('#huge_it_thumb_slider>li').width()
})
function huge_it_popup_resize_<?php
echo $sliderID;
?>
() {
var staticsliderwidth=<?php
echo $sliderwidth;
?>
;
var sliderwidth=<?php
echo $sliderwidth;
?>
;
var thumbWidth=jQuery(".huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
").width();
//alert(thumbHeight)
//alert(thumbWidth/2)
var bodyWidth=jQuery(window).width();
var parentWidth = jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").parent().width();
//if responsive js late responsive.js @ take body size and not parent div
jQuery(".huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
").css({height: <?php
echo $paramssld['slider_thumb_height'];
?>
});
if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
var str=(<?php
echo $sliderheight;
?>
/staticsliderwidth);
jQuery(".huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
").css({width: thumbWidth});
var str2=(<?php
echo $paramssld['slider_thumb_height'];
?>
/staticthumbWidth);
jQuery(".huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
").css({height: thumbWidth*str2});
jQuery(".bx-viewport").css({height: thumbWidth*str2});
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
jQuery(".huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
if("<?php
echo $slideshow_title_position[1];
?>
"=="middle"){var titlemargintopminus=jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_title_position[0];
?>
"=="center"){var titlemarginleftminus=jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + titlemargintopminus + "px; margin-left:-"+titlemarginleftminus+"px;"});
if("<?php
echo $slideshow_description_position[1];
?>
"=="middle"){var descriptionmargintopminus=jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_description_position[0];
?>
"=="center"){var descriptionmarginleftminus=jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + descriptionmargintopminus + "px; margin-left:-"+descriptionmarginleftminus+"px;"});
jQuery("#huge_it_loading_image_<?php
echo $sliderID;
?>
").css({display: "none"});
jQuery(".huge_it_slideshow_image_wrap1_<?php
echo $sliderID;
?>
").css({display: "block"});
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").removeClass("nocolor");
if("<?php
echo $paramssld['slider_crop_image'];
?>
"=="resize"){
jQuery(".huge_it_slideshow_image_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
img").css({
cssText: "width:" + sliderwidth + "px; height:" + ((sliderwidth) * str) +"px;"
});
}else {
jQuery(".huge_it_slideshow_image_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item2_<?php
echo $sliderID;
?>
").css({
cssText: "max-width: " + sliderwidth + "px !important; max-height: " + (sliderwidth * str) + "px !important;"
});
}
jQuery('.huge_it_video_frame_<?php
echo $sliderID;
?>
').each(function (e) {
jQuery(this).width(sliderwidth);
jQuery(this).height(sliderwidth * str);
});
}
jQuery(window).load(function () {
jQuery(window).resize(function() {
huge_it_popup_resize_<?php
echo $sliderID;
?>
();
});
jQuery('#huge_it_slideshow_left_<?php
echo $sliderID;
?>
').on('click',function(){
huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) - iterator_<?php
echo $sliderID;
?>
()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) - iterator_<?php
echo $sliderID;
?>
()) % data_<?php
echo $sliderID;
?>
.length : data_<?php
echo $sliderID;
?>
.length - 1, data_<?php
echo $sliderID;
?>
,false,true);
return false;
});
jQuery('#huge_it_slideshow_right_<?php
echo $sliderID;
?>
').on('click',function(){
huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) + iterator_<?php
echo $sliderID;
?>
()) % data_<?php
echo $sliderID;
?>
.length, data_<?php
echo $sliderID;
?>
,false,true);
return false;
});
huge_it_popup_resize_<?php
echo $sliderID;
?>
();
/* Disable right click.*/
jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
return false;
});
/*HOVER SLIDESHOW*/
jQuery("#huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").hover(function(){
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" -- hover -- <br /> ");
jQuery("#huge_it_slideshow_right_<?php
echo $sliderID;
?>
").css({'display':'inline'});
jQuery("#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").css({'display':'inline'});
},function(){
jQuery("#huge_it_slideshow_right_<?php
echo $sliderID;
?>
").css({'display':'none'});
jQuery("#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").css({'display':'none'});
});
var pausehover="<?php
echo $sliderpauseonhover;
?>
";
if(pausehover=="on"){
jQuery("#huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
").hover(function(){
window.clearInterval(huge_interval['huge_it_playInterval_'+<?php
echo $sliderID;
?>
]);
},function(){
window.clearInterval(huge_interval['huge_it_playInterval_'+<?php
echo $sliderID;
?>
]);
play_<?php
echo $sliderID;
?>
();
});
}
play_<?php
echo $sliderID;
?>
();
});
//var huge_play={};
function play_<?php
echo $sliderID;
?>
(){
/* Play.*/
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" -- paly ---- ");
huge_interval['huge_it_playInterval_'+<?php
echo $sliderID;
?>
] = setInterval(function () {
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" -- time left ---- ");
var iterator = 1;
huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) + iterator) % data_<?php
echo $sliderID;
?>
.length, data_<?php
echo $sliderID;
?>
,false,false);
}, '<?php
echo $slidepausetime;
?>
');
}
jQuery(window).focus(function() {
/*event_stack_<?php
echo $sliderID;
?>
= [];*/
var i_<?php
echo $sliderID;
?>
= 0;
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").children("div").each(function () {
if (jQuery(this).css('opacity') == 1) {
jQuery("#huge_it_current_image_key_<?php
echo $sliderID;
?>
").val(i_<?php
echo $sliderID;
?>
);
}
i_<?php
echo $sliderID;
?>
++;
});
});
jQuery(window).blur(function() {
event_stack_<?php
echo $sliderID;
?>
= [];
// window.clearInterval(huge_interval['huge_it_playInterval_'+<?php
echo $sliderID;
?>
]);
});
</script>
<style>
.thumb_image{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
}
.entry-content a{
border-bottom: none !important;
}
.play-button-slider{
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.youtube-icon { position: absolute;
background:url(<?php
echo plugin_dir_url(__FILE__);
?>
images/play.youtube.png) center center no-repeat;background-size:14%;}
</style>
<?php
$args = array('numberposts' => 10, 'offset' => 0, 'category' => 0, 'orderby' => 'post_date', 'order' => 'DESC', 'post_type' => 'post', 'post_status' => 'draft, publish, future, pending, private', 'suppress_filters' => true);
$recent_posts = wp_get_recent_posts($args, ARRAY_A);
//print_r($recent_posts);
//echo get_the_post_thumbnail(1, 'thumbnail');
$image = wp_get_attachment_image_src(get_post_thumbnail_id(1), 'thumbnail');
?>
<?php
if ($sliderloadingicon == "on") {
?>
<div class="huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
nocolor">
<?php
} else {
?>
<div class="huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
">
<?php
}
?>
<?php
if ($sliderloadingicon == "on") {
?>
<div id="huge_it_loading_image_<?php
echo $sliderID;
?>
" class="display" ><img src="<?php
echo plugins_url('', __FILE__) . '/Front_images/loading/loading' . $paramssld["loading_icon_type"] . '.gif';
?>
" alt="" /> </div>
<div class="huge_it_slideshow_image_wrap1_<?php
echo $sliderID;
?>
nodisplay">
<?php
} else {
?>
<div id="huge_it_loading_image_<?php
echo $sliderID;
?>
" class="nodisplay"> <img src="<?php
echo plugins_url('', __FILE__) . '/Front_images/loading/loading' . $paramssld["loading_icon_type"] . '.gif';
?>
" alt="" width="100" height="100" style=" margin: 0px auto;" /> </div>
<div class="huge_it_slideshow_image_wrap1_<?php
echo $sliderID;
?>
"class="display">
<?php
}
?>
<?php
$current_pos = 0;
?>
<!-- ##########################DOTS######################### -->
<div class="huge_it_slideshow_dots_container_<?php
echo $sliderID;
?>
">
<div class="huge_it_slideshow_dots_thumbnails_<?php
echo $sliderID;
?>
">
<?php
$current_image_id = 0;
$current_pos = 0;
$current_key = 0;
$stri = 0;
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
break;
case 'video':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
break;
case 'last_posts':
$keyForStoping = 0;
foreach ($recent_posts as $lkeys => $last_posts) {
if ($image_row->name == "0") {
if ($lkeys < $image_row->sl_url) {
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $stri == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
}
}
} else {
$category_id = get_cat_ID($image_row->name);
// USER CHOOSED CATEGORY
$category_id_from_posts = wp_get_post_categories($last_posts['ID']);
// GETTING ALL CATEGORIES FOR THIS POST
if ($keyForStoping < $image_row->sl_url) {
if (in_array($category_id, $category_id_from_posts)) {
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$keyForStoping++;
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $stri == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
}
}
}
}
}
break;
}
}
?>
</div>
<?php
if ($paramssld['slider_show_arrows'] == "on") {
?>
<a id="huge_it_slideshow_left_<?php
echo $sliderID;
?>
" href="#">
<div id="huge_it_slideshow_left-ico_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_prev_btn_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<a id="huge_it_slideshow_right_<?php
echo $sliderID;
?>
" href="#">
<div id="huge_it_slideshow_right-ico_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_next_btn_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<?php
}
?>
</div>
<!-- ##########################IMAGES######################### -->
<div id="huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_container_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_bg_<?php
echo $sliderID;
?>
">
<ul class="huge_it_slider_<?php
echo $sliderID;
?>
">
<?php
$i = 0;
// var_dump($images);exit;
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_url != "") {
if ($image_row->link_target == "on") {
$target = 'target="_blank"';
}
echo '<a href="' . $image_row->sl_url . '" ' . $target . '>';
}
?>
<img id="huge_it_slideshow_image_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
" class="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" src="<?php
echo $image_row->image_url;
?>
" alt="<?php
echo $image_row->name;
?>
" data-image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_url != "") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
<?php
if (trim($image_row->name) == "") {
echo "none";
}
?>
">
<?php
echo $image_row->name;
?>
</div>
<div class="huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
<?php
if (trim($image_row->description) == "") {
echo "none";
}
?>
">
<?php
echo $image_row->description;
?>
</div>
</li>
<?php
$i++;
break;
case 'last_posts':
$keyForStoping = 0;
foreach ($recent_posts as $lkeys => $last_posts) {
if ($image_row->name == "0") {
if ($lkeys < $image_row->sl_url) {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_postlink == "1") {
if ($image_row->link_target == "on") {
$target = 'target="_blank"';
}
echo '<a href="' . $last_posts["guid"] . '" ' . $target . '>';
}
?>
<img id="huge_it_slideshow_image_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
" class="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" src="<?php
echo $imagethumb[0];
?>
" alt=" <?php
echo $last_posts["post_title"];
?>
" data-image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_postlink == "1") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_title"]) == "") {
echo "none";
}
if ($image_row->sl_stitle != "1") {
echo " hidden";
}
?>
">
<?php
echo $last_posts["post_title"];
?>
</div>
<div class="huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_content"]) == "") {
echo "none";
}
if ($image_row->sl_sdesc != "1") {
echo " hidden";
}
?>
">
<?php
echo substr_replace($last_posts["post_content"], "", $image_row->description);
?>
</div>
</li>
<?php
$i++;
}
}
} else {
$category_id = get_cat_ID($image_row->name);
// USER CHOOSED CATEGORY
$category_id_from_posts = wp_get_post_categories($last_posts['ID']);
// GETTING ALL CATEGORIES FOR THIS POST
if ($keyForStoping < $image_row->sl_url) {
if (in_array($category_id, $category_id_from_posts)) {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$keyForStoping++;
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_postlink == "1") {
if ($image_row->link_target == "on") {
$target = 'target="_blank"';
}
echo '<a href="' . $last_posts["guid"] . '" ' . $target . '>';
}
?>
<img id="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" src="<?php
echo $imagethumb[0];
?>
" alt="<?php
echo $last_posts["post_title"];
?>
" data-image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_postlink == "1") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_title"]) == "") {
echo "none";
}
if ($image_row->sl_stitle != "1") {
echo " hidden";
}
?>
">
<?php
echo $last_posts["post_title"];
?>
</div>
<div class="huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_content"]) == "") {
echo "none";
}
if ($image_row->sl_sdesc != "1") {
echo " hidden";
}
?>
">
<?php
echo substr_replace($last_posts["post_content"], "", $image_row->description);
?>
</div>
</li>
<?php
$i++;
}
}
}
}
}
break;
case 'video':
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if (strpos($image_row->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$video_thumb_url = get_youtube_id_from_url($image_row->image_url);
?>
<div id="video_id_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
" class="huge_it_video_frame_<?php
echo $sliderID;
?>
"></div>
<div class="thumb_wrapper" data-rowid="<?php
echo $image_row->id;
?>
" onclick="thevid=document.getElementById('video_id_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
'); thevid.style.display='block'; this.style.display='none'">
<img class="thumb_image" src="https://i.ytimg.com/vi/<?php
echo $video_thumb_url;
?>
/hqdefault.jpg">
<div class="play-button-slider youtube-icon"></div>
</div>
<?php
} else {
$vimeo = $image_row->image_url;
$imgid = end(explode("/", $vimeo));
?>
<iframe id="player_<?php
echo $key;
?>
" class="huge_it_video_frame_<?php
echo $sliderID;
?>
" src="//player.vimeo.com/video/<?php
echo $imgid;
?>
?api=1&player_id=player_<?php
echo $key;
?>
&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
<?php
}
?>
</li>
<?php
$i++;
break;
}
}
?>
</ul>
</div>
<input type="hidden" id="huge_it_current_image_key_<?php
echo $sliderID;
?>
" value="0" />
</div>
</div>
</div>
<!-- slider thumbs -->
<script>
jQuery(document).ready(function($) {
setInterval(function() {
jQuery('.huge_it_slider_<?php
echo $sliderID;
?>
').find("li").each(function (){
if($(this).css("opacity") == "1"){
var img_id=$(this).attr('id');
jQuery('.huge_it_slideshow_thumbs_<?php
echo $sliderID;
?>
').each(function (){
//if ($(this).hasClass('bx-clone')){$(this).removeAttr('id')}
var allListElements = $( 'li[id='+img_id+']' );
$(this).find(allListElements).not(".bx-clone").each(function() {
jQuery('.huge_it_slideshow_thumbs_<?php
echo $sliderID;
?>
li').find(".trans_back").css('background','rgba(255,255,255,0.3)');
$(this).find('.trans_back').css('background','none');
})
})
}
})
},100)
})
</script>
</div>
<?php
if ($sliderthumbslider == 'thumbnails') {
?>
<div class="huge_it_slideshow_thumbs_container_<?php
echo $sliderID;
?>
">
<ul id="huge_it_thumb_slider" class="huge_it_slideshow_thumbs_<?php
echo $sliderID;
?>
">
<?php
$i = 0;
$current_image_id = 0;
$current_pos = 0;
$current_key = 0;
$stri = 0;
// foreach ($slider as $row => $value) {
// $time=$row->description;
// echo $time;
// }
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
////////$imgurl
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<li id="image_id_<?php
echo $sliderID . '_' . $i;
?>
" class="huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_thumbnails_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
">
<img class="sl_thumb_img" src="<?php
echo $image_row->image_url;
?>
" />
<div class="trans_back" ></div>
<input type="hidden" id="time" name="time" value="<?php
echo $slidepausetime;
?>
">
</li>
<?php
$stri++;
$i++;
break;
case 'video':
$url = $image_row->image_url;
if (!function_exists('get_youtube_id_from_url_slider_thumb')) {
function get_youtube_id_from_url_slider_thumb($url)
{
if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) {
return $match[1];
}
}
}
if (strpos($image_row->image_url, 'youtube') !== false || strpos($image_row->image_url, 'youtu') !== false) {
$video_thumb_url = get_youtube_id_from_url_slider_thumb($image_row->image_url);
$thumburl = '<img class="sl_thumb_img" src="http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg" alt="" />';
$liclass = "youtube";
} else {
if (strpos($image_row->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
$vimeo = $image_row->image_url;
$imgid = end(explode("/", $vimeo));
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
$thumburl = '<img src="' . $imgsrc . '" alt="" />';
}
}
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<li id="image_id_<?php
echo $sliderID . '_' . $i;
?>
" class="huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_thumbnails_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
">
<?php
echo $thumburl;
?>
<div class="play-icon <?php
echo $liclass;
?>
"></div>
<div class="trans_back" ></div>
<input type="hidden" id="time" name="time" value="<?php
echo $slidepausetime;
?>
" slide="<?php
echo $sliderID;
?>
">
</li>
<?php
$stri++;
$i++;
break;
case 'last_posts':
$keyForStoping = 0;
foreach ($recent_posts as $lkeys => $last_posts) {
if ($image_row->name == "0") {
if ($lkeys < $image_row->sl_url) {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$target = "";
?>
<li id="image_id_<?php
echo $sliderID . '_' . $i;
?>
" class="huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_thumbnails_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
">
<img class="sl_thumb_img" src="<?php
echo $imagethumb[0];
?>
"/>
<div class="trans_back" ></div>
<input type="hidden" id="time" name="time" value="<?php
echo $slidepausetime;
?>
">
</li>
<?php
$i++;
}
}
} else {
$category_id = get_cat_ID($image_row->name);
// USER CHOOSED CATEGORY
$category_id_from_posts = wp_get_post_categories($last_posts['ID']);
// GETTING ALL CATEGORIES FOR THIS POST
if ($keyForStoping < $image_row->sl_url) {
if (in_array($category_id, $category_id_from_posts)) {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$keyForStoping++;
$target = "";
?>
<li id="image_id_<?php
echo $sliderID . '_' . $i;
?>
" class="huge_it_slideshow_thumbnails_<?php
echo $sliderID;
?>
" onclick="if(jQuery(this).hasClass('huge_it_slideshow_thumbnails_active_<?php
echo $sliderID;
?>
')) { return false; } huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
">
<img id="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" src="<?php
echo $imagethumb[0];
?>
"/>
<div class="trans_back" ></div>
<input type="hidden" id="time" name="time" value="<?php
echo $slidepausetime;
?>
">
</li>
<?php
$i++;
}
}
}
}
}
break;
}
}
//print_r($count);
?>
</ul>
</div>
<?php
}
?>
<?php
return ob_get_clean();
}
function Html_editvideogallery($ord_elem, $count_ord, $images, $row, $cat_row, $rowim, $rowsld, $rowsposts, $rowsposts8, $postsbycat)
{
global $wpdb;
if (isset($_GET["addslide"])) {
if ($_GET["addslide"] == 1) {
header('Location: admin.php?page=videogallerys_huge_it_videogallery&id=' . $row->id . '&task=apply');
}
}
?>
<script type="text/javascript">
function submitbutton(pressbutton)
{
if(!document.getElementById('name').value){
alert("Name is required.");
return;
}
document.getElementById("adminForm").action=document.getElementById("adminForm").action+"&task="+pressbutton;
document.getElementById("adminForm").submit();
}
var name_changeRight = function(e) {
document.getElementById("name").value = e.value;
}
var name_changeTop = function(e) {
document.getElementById("huge_it_videogallery_name").value = e.value;
//alert(e);
};
function change_select()
{
submitbutton('apply');
}
jQuery(function() {
jQuery('.def_thumb').on('click',(function (){
jQuery(this).parents('li').find('.image-container input+input').val('');
submitbutton('apply');
}))
;
jQuery( "#images-list" ).sortable({
stop: function() {
jQuery("#images-list > li").removeClass('has-background');
count=jQuery("#images-list > li").length;
for(var i=0;i<=count;i+=2){
jQuery("#images-list > li").eq(i).addClass("has-background");
}
jQuery("#images-list > li").each(function(){
jQuery(this).find('.order_by').val(jQuery(this).index());
});
},
revert: true
});
// jQuery( "ul, li" ).disableSelection();
});
</script>
<!-- GENERAL PAGE, ADD IMAGES PAGE -->
<div class="wrap">
<?php
$path_site2 = plugins_url("../images", __FILE__);
?>
<style>
.free_version_banner {
position:relative;
display:block;
background-image:url(<?php
echo $path_site2;
?>
/wp_banner_bg.jpg);
background-position:top left;
backround-repeat:repeat;
overflow:hidden;
}
.free_version_banner .manual_icon {
position:absolute;
display:block;
top:15px;
left:15px;
}
.free_version_banner .usermanual_text {
font-weight: bold !important;
display:block;
float:left;
width:270px;
margin-left:75px;
font-family:'Open Sans',sans-serif;
font-size:12px;
font-weight:300;
font-style:italic;
color:#ffffff;
line-height:10px;
margin-top: 0;
padding-top: 15px;
}
.free_version_banner .usermanual_text a,
.free_version_banner .usermanual_text a:link,
.free_version_banner .usermanual_text a:visited {
display:inline-block;
font-family:'Open Sans',sans-serif;
font-size:17px;
font-weight:600;
font-style:italic;
color:#ffffff;
line-height:30.5px;
text-decoration:underline;
}
.free_version_banner .usermanual_text a:hover,
.free_version_banner .usermanual_text a:focus,
.free_version_banner .usermanual_text a:active {
text-decoration:underline;
}
.free_version_banner .get_full_version,
.free_version_banner .get_full_version:link,
.free_version_banner .get_full_version:visited {
padding-left: 60px;
padding-right: 4px;
display: inline-block;
position: absolute;
top: 15px;
right: calc(50% - 167px);
height: 38px;
width: 268px;
border: 1px solid rgba(255,255,255,.6);
font-family: 'Open Sans',sans-serif;
font-size: 23px;
color: #ffffff;
line-height: 43px;
text-decoration: none;
border-radius: 2px;
}
.free_version_banner .get_full_version:hover {
background:#ffffff;
color:#bf1e2e;
text-decoration:none;
outline:none;
}
.free_version_banner .get_full_version:focus,
.free_version_banner .get_full_version:active {
}
.free_version_banner .get_full_version:before {
content:'';
display:block;
position:absolute;
width:33px;
height:23px;
left:25px;
top:9px;
background-image:url(<?php
echo $path_site2;
?>
/wp_shop.png);
background-position:0px 0px;
background-repeat;
}
.free_version_banner .get_full_version:hover:before {
background-position:0px -27px;
}
.free_version_banner .huge_it_logo {
float:right;
margin:15px 15px;
}
.free_version_banner .description_text {
padding:0 0 13px 0;
position:relative;
display:block;
width:100%;
text-align:center;
float:left;
font-family:'Open Sans',sans-serif;
color:#fffefe;
line-height:inherit;
}
.free_version_banner .description_text p{
margin:0;
padding:0;
font-size: 14px;
}
</style>
<div class="free_version_banner">
<img class="manual_icon" src="<?php
echo $path_site2;
?>
/icon-user-manual.png" alt="user manual" />
<p class="usermanual_text">If you have any difficulties in using the options, Follow the link to <a href="http://huge-it.com/wordpress-video-gallery-user-manual/" target="_blank">User Manual</a></p>
<a class="get_full_version" href="http://huge-it.com/wordpress-video-gallery/" target="_blank">GET THE FULL VERSION</a>
<a href="http://huge-it.com" target="_blank"><img class="huge_it_logo" src="<?php
echo $path_site2;
?>
/Huge-It-logo.png"/></a>
<div style="clear: both;"></div>
<div class="description_text"><p>This is the free version of the plugin. Click "GET THE FULL VERSION" for more advanced options. We appreciate every customer.</p></div>
</div>
<div style="clear: both;"></div>
<form action="admin.php?page=videogallerys_huge_it_videogallery&id=<?php
echo $row->id;
?>
" method="post" name="adminForm" id="adminForm">
<div id="poststuff" >
<div id="videogallery-header">
<ul id="videogallerys-list">
<?php
foreach ($rowsld as $rowsldires) {
if ($rowsldires->id != $row->id) {
?>
<li>
<a href="#" onclick="window.location.href='admin.php?page=videogallerys_huge_it_videogallery&task=edit_cat&id=<?php
echo $rowsldires->id;
?>
'" ><?php
echo $rowsldires->name;
?>
</a>
</li>
<?php
} else {
?>
<li class="active" onclick='document.getElementById("name").style.width = ((document.getElementById("name").value.length + 1) * 8) + "px"' style="background-image:url(<?php
echo plugins_url('../images/edit.png', __FILE__);
?>
);cursor:pointer;">
<input class="text_area" onfocus="this.style.width = ((this.value.length + 1) * 8) + 'px'" onkeyup="name_changeTop(this)" type="text" name="name" id="name" maxlength="250" value="<?php
echo esc_html(stripslashes($row->name));
?>
" />
</li>
<?php
}
}
?>
<li class="add-new">
<a onclick="window.location.href='admin.php?page=videogallerys_huge_it_videogallery&task=add_cat'">+</a>
</li>
</ul>
</div>
<div id="post-body" class="metabox-holder columns-2">
<!-- Content -->
<div id="post-body-content">
<?php
add_thickbox();
?>
<div id="post-body">
<div id="post-body-heading">
<h3>Projects/Videos</h3>
<?php
$_GET['id'] = esc_html($_GET['id']);
?>
<a href="admin.php?page=videogallerys_huge_it_videogallery&task=videogallery_video&id=<?php
echo $_GET['id'];
?>
&TB_iframe=1" class="button button-primary add-video-slide thickbox" id="slideup3s" value="iframepop">
<span class="wp-media-buttons-icon"></span>Add Video
</a>
</div>
<ul id="images-list">
<?php
function get_youtube_id_from_url($url)
{
if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) {
return $match[1];
}
}
$i = 2;
foreach ($rowim as $key => $rowimages) {
?>
<?php
if ($rowimages->sl_type == '') {
$rowimages->sl_type = 'image';
}
switch ($rowimages->sl_type) {
case 'video':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<?php
if (empty($rowimages->thumb_url)) {
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$liclass = "youtube";
$video_thumb_url = get_youtube_id_from_url($rowimages->image_url);
$thumburl = '<img src="http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg" alt="" />';
} else {
if (strpos($rowimages->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
$vimeo = $rowimages->image_url;
$imgid = explode("/", $vimeo);
$imgid = end($imgid);
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
$imgsrc = esc_html($imgsrc);
$thumburl = '<img src="' . $imgsrc . '" alt="" />';
}
}
} else {
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$liclass = "youtube";
} else {
if (strpos($rowimages->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
}
}
$thumburl = '<img src="' . $rowimages->thumb_url . '" alt="" />';
}
?>
<div class="image-container">
<?php
echo $thumburl;
?>
<div class="play-icon <?php
echo $liclass;
?>
"></div>
<div>
<script>
jQuery(document).ready(function($){
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
jQuery('.huge-it-editnewuploader .button<?php
echo $rowimages->id;
?>
').click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = jQuery(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
jQuery("#"+id).val(attachment.url);
jQuery("#save-buttom").click();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
jQuery('.add_media').on('click', function(){
_custom_media = false;
});
jQuery(".huge-it-editnewuploader").click(function() {
});
jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".media-menu .media-menu-item").css("display","none");
jQuery(".media-menu-item:first").css("display","block");
jQuery(".separator").next().css("display","none");
jQuery('.attachment-filters').val('image').trigger('change');
jQuery(".attachment-filters").css("display","none");
});
});
jQuery("input[name='thumb_id_button<?php
echo $rowimages->id;
?>
'], .hg_set_def_button").each(function(){
jQuery(this).hover(function(){
jQuery(this).clearQueue().animate({
width: "170px",
color:"rgba(0,0,0,1)"
}, 200);
},
function(){
jQuery(this).animate({
width: "20px",
color:"rgba(0,0,0,0)"
}, 200);
})
})
});
</script>
<input type="hidden" name="imagess<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->image_url;
?>
" />
<input type="hidden" name="thumbs<?php
echo $rowimages->id;
?>
" id="thumb_id<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->thumb_url;
?>
" />
<div class="huge-it-editnewuploader uploader button<?php
echo $rowimages->id;
?>
add-new-image">
<input type="button" class="editimgbutton button<?php
echo $rowimages->id;
?>
wp-media-buttons-icon" name="thumb_id_button<?php
echo $rowimages->id;
?>
" id="thumb_id_button<?php
echo $rowimages->id;
?>
" value="Set Custom Thumbnail" />
<div class="hg_set_def_button button def_thumb <?php
if ($rowimages->thumb_url == "") {
echo "hg_disp_none";
}
?>
">
Set Default Thumbnail
</div>
</div>
</div>
<div class="hg_thumbneil_views">
<div class="hg_report">
<?php
?>
<div class="hg_info_div">
<div class="cb"></div>
<?php
/*<a href="admin.php?page=videogallerys_huge_it_videogallery&task=videogallery_test_name&namevideo=<?php echo $rowimages->name; ?>&view_count=<?php echo count((array)$view_count); ?>&id_id=<?php echo $rowimages->id; ?>&id=1" class="thickbox hg_open_pop_up">View Report PDF</a> */
?>
<div class="hg_view_count"><span>Video Views Count (pro)</span>
<a href="#TB_inline?width=600&height=550&inlineId=html_videogallery_video_test" class="thickbox hg_open_pop_up"><div class="hg-arrow-right"></div>View Detailed Report</a>
</div>
<div class="cb"></div>
<div id="html_videogallery_video_test" style="display: none;">
<style>
.updated {
display: none;
}
#TB_window {
overflow: scroll;
max-height: 750px;
}
#TB_ajaxContent {
width: 100%!important;
background: url(<?php
echo plugins_url('../images/pop-up.jpg', __FILE__);
?>
) center no-repeat;
padding: 0;
}
.get_full_version {
display: block;
border: 1px solid #bf1e2e;
text-decoration: none;
font-size: 23px;
color: #bf1e2e;
font-family: 'Open sans', sans-serif;
width: 280px;
padding: 10px;
text-align: center;
margin: 0 auto;
}
.get_full_version:hover {
color: #fff;
background-color: #bf1e2e;
}
span {
display: block;
}
h3 {
font-size: 37.3px;
color: #524e4e;
text-align: center;
line-height: 37.3px;
}
.hg_pop_up_div img {
margin: 0 auto;
display: block;
padding-top: 120px;
}
}
</style>
<div class="hg_pop_up_div">
<img src="<?php
echo plugins_url('../images/pop_pdf.png', __FILE__);
?>
" alt="Download Full Version" />
<h3>Sorry, this option is available in the full version.</h3>
<a class="get_full_version" href="http://huge-it.com/wordpress-video-gallery/" target="_blank">
GET THE FULL VERSION
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="image-options">
<div>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Title:</label>
<input class="text_area" type="text" id="titleimage<?php
echo $rowimages->id;
?>
" name="titleimage<?php
echo $rowimages->id;
?>
" id="titleimage<?php
echo $rowimages->id;
?>
" value="<?php
echo htmlspecialchars(str_replace('__5_5_5__', '%', $rowimages->name));
?>
">
</div>
<div class="description-block">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description:</label>
<textarea id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" ><?php
echo str_replace('__5_5_5__', '%', $rowimages->description);
?>
</textarea>
</div>
<div class="link-block">
<label for="sl_url<?php
echo $rowimages->id;
?>
">URL:</label>
<input class="text_area url-input" type="text" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->sl_url);
?>
" >
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">
<span>Open in new tab</span>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
</label>
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=videogallerys_huge_it_videogallery&task=edit_cat&id=<?php
echo $row->id;
?>
&removeslide=<?php
echo $rowimages->id;
?>
">Remove Video</a>
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
}
?>
<?php
}
?>
</ul>
</div>
</div>
<!-- SIDEBAR -->
<div id="postbox-container-1" class="postbox-container">
<div id="side-sortables" class="meta-box-sortables ui-sortable">
<div id="videogallery-unique-options" class="postbox">
<h3 class="hndle"><span>Video Gallery Custom Options</span></h3>
<ul id="videogallery-unique-options-list">
<li>
<label for="huge_it_videogallery_name">Gallery Name</label>
<input type = "text" name="name" id="huge_it_videogallery_name" value="<?php
echo esc_html(stripslashes($row->name));
?>
" onkeyup = "name_changeRight(this)">
</li>
<li>
<label for="huge_it_sl_effects">Views</label>
<select name="huge_it_sl_effects" id="huge_it_sl_effects">
<option <?php
if ($row->huge_it_sl_effects == '0') {
echo 'selected';
}
?>
value="0">Video Gallery/Content-Popup</option>
<option <?php
if ($row->huge_it_sl_effects == '1') {
echo 'selected';
}
?>
value="1">Content Video Slider</option>
<option <?php
if ($row->huge_it_sl_effects == '5') {
echo 'selected';
}
?>
value="5">Lightbox-Video Gallery</option>
<option <?php
if ($row->huge_it_sl_effects == '3') {
echo 'selected';
}
?>
value="3">Video Slider</option>
<option <?php
if ($row->huge_it_sl_effects == '4') {
echo 'selected';
}
?>
value="4">Thumbnails View</option>
<option <?php
if ($row->huge_it_sl_effects == '6') {
echo 'selected';
}
?>
value="6">Justified</option>
<option <?php
if ($row->huge_it_sl_effects == '7') {
echo 'selected';
}
?>
value="7">Blog Style Gallery</option>
</select>
</li>
<script>
jQuery(document).ready(function ($){
//alert('hi');
//$('div[id^="list_"]')
if($('select[name="display_type"]').val()== 2){
$('li[id="content_per_page"]').hide();
}else{
$('li[id="content_per_page"]').show();
}
$('select[name="display_type"]').on('change' ,function(){
if($(this).val()== 2){
$('li[id="content_per_page"]').hide();
}else{
$('li[id="content_per_page"]').show();
}
})
$( 'div[id^="videogallery-current-options"]').each(function(){
if(!$(this).hasClass( "active" )){
$(this).find('ul li input[name="content_per_page"]').attr('name', '');
$(this).find('ul li select[name="display_type"]').attr('name', '');
//$(this).find('ul li select').attr('name', '');
}else{
//alert('no');
}
})
$('#videogallery-unique-options').on('change',function(){
$( 'div[id^="videogallery-current-options"]').each(function(){
if(!$(this).hasClass( "active" )){
$(this).find('ul li input[name="content_per_page"]').attr('name', '');
$(this).find('ul li select[name="display_type"]').attr('name', '');
//$(this).find('ul li select').attr('name', '');
}else{
//alert('no');
}
})
})
})
</script>
<div id="videogallery-current-options-0" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 0) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-3" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 3) {
echo ' active';
}
?>
">
<ul id="slider-unique-options-list">
<li>
<label for="sl_width">Width</label>
<input type="text" name="sl_width" id="sl_width" value="<?php
echo $row->sl_width;
?>
" class="text_area" />
</li>
<li>
<label for="sl_height">Height</label>
<input type="text" name="sl_height" id="sl_height" value="<?php
echo $row->sl_height;
?>
" class="text_area" />
</li>
<li>
<label for="pause_on_hover">Pause on hover</label>
<input type="hidden" value="off" name="pause_on_hover" />
<input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php
if ($row->pause_on_hover == 'on') {
echo 'checked="checked"';
}
?>
/>
</li>
<li>
<label for="videogallery_list_effects_s">Effects</label>
<select name="videogallery_list_effects_s" id="videogallery_list_effects_s">
<option <?php
if ($row->videogallery_list_effects_s == 'none') {
echo 'selected';
}
?>
value="none">None</option>
<option <?php
if ($row->videogallery_list_effects_s == 'cubeH') {
echo 'selected';
}
?>
value="cubeH">Cube Horizontal</option>
<option <?php
if ($row->videogallery_list_effects_s == 'cubeV') {
echo 'selected';
}
?>
value="cubeV">Cube Vertical</option>
<option <?php
if ($row->videogallery_list_effects_s == 'fade') {
echo 'selected';
}
?>
value="fade">Fade</option>
</select>
</li>
<li>
<label for="sl_pausetime">Pause time</label>
<input type="text" name="sl_pausetime" id="sl_pausetime" value="<?php
echo $row->description;
?>
" class="text_area" />
</li>
<li>
<label for="sl_changespeed">Change speed</label>
<input type="text" name="sl_changespeed" id="sl_changespeed" value="<?php
echo $row->param;
?>
" class="text_area" />
</li>
<li>
<label for="slider_position">Slider Position</label>
<select name="sl_position" id="slider_position">
<option <?php
if ($row->sl_position == 'left') {
echo 'selected';
}
?>
value="left">Left</option>
<option <?php
if ($row->sl_position == 'right') {
echo 'selected';
}
?>
value="right">Right</option>
<option <?php
if ($row->sl_position == 'center') {
echo 'selected';
}
?>
value="center">Center</option>
</select>
</li>
</ul>
</div>
<div id="videogallery-current-options-4" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 4) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-5" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 5) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-6" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 6) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-7" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 7) {
echo ' active';
}
?>
">
<ul id="view7">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
</ul>
<div id="major-publishing-actions">
<div id="publishing-action">
<input type="button" onclick="submitbutton('apply')" value="Save Video Gallery" id="save-buttom" class="button button-primary button-large">
</div>
<div class="clear"></div>
<!--<input type="button" onclick="window.location.href='admin.php?page=videogallerys_huge_it_videogallery'" value="Cancel" class="button-secondary action">-->
</div>
</div>
<div id="videogallery-shortcode-box" class="postbox shortcode ms-toggle">
<h3 class="hndle"><span>Usage</span></h3>
<div class="inside">
<ul>
<li rel="tab-1" class="selected">
<h4>Shortcode</h4>
<p>Copy & paste the shortcode directly into any WordPress post or page.</p>
<textarea class="full" readonly="readonly">[huge_it_videogallery id="<?php
echo $row->id;
?>
"]</textarea>
</li>
<li rel="tab-2">
<h4>Template Include</h4>
<p>Copy & paste this code into a template file to include the slideshow within your theme.</p>
<textarea class="full" readonly="readonly"><?php echo do_shortcode("[huge_it_videogallery id='<?php
echo $row->id;
?>
']"); ?></textarea>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
@session_start();
$hugeItCSRFToken = $_SESSION["csrf_token_hugeit_gallery"] = md5(time());
?>
<input type="hidden" name="csrf_token_hugeit_gallery" value="<?php
echo $hugeItCSRFToken;
?>
" />
<input type="hidden" name="task" value="" />
</form>
</div>
<?php
}
function Html_editslider($ord_elem, $count_ord, $images, $row, $cat_row, $rowim, $rowsld, $paramssld, $rowsposts, $rowsposts8, $postsbycat)
{
global $wpdb;
if (isset($_GET["addslide"])) {
$_GET["addslide"] = esc_html($_GET["addslide"]);
if ($_GET["addslide"] == 1) {
header('Location: admin.php?page=sliders_huge_it_slider&id=' . $row->id . '&task=apply');
}
}
?>
<script type="text/javascript">
function submitbutton(pressbutton)
{
if(!document.getElementById('name').value){
alert("Name is required.");
return;
}
document.getElementById("adminForm").action=document.getElementById("adminForm").action+"&task="+pressbutton;
document.getElementById("adminForm").submit();
}
function change_select()
{
submitbutton('apply');
}
</script>
<!-- GENERAL PAGE, ADD IMAGES PAGE -->
<div class="wrap">
<?php
$path_site2 = plugins_url("images", __FILE__);
?>
<div class="slider-options-head">
<div style="float: left;">
<div><a href="http://huge-it.com/wordpress-plugins-slider-user-manual/" target="_blank">User Manual</a></div>
<div>This section allows you to configure the Slider options. <a href="http://huge-it.com/wordpress-plugins-slider-user-manual/" target="_blank">More...</a></div>
</div>
<div style="float: right;">
<a class="header-logo-text" href="http://huge-it.com/slider/" target="_blank">
<div><img width="250px" src="<?php
echo $path_site2;
?>
/huge-it1.png" /></div>
<div>Get the full version</div>
</a>
</div>
</div>
<div style="clear:both;"></div>
<form action="admin.php?page=sliders_huge_it_slider&id=<?php
echo $row->id;
?>
" method="post" name="adminForm" id="adminForm">
<div id="poststuff" >
<div id="slider-header">
<ul id="sliders-list">
<?php
foreach ($rowsld as $rowsldires) {
if ($rowsldires->id != $row->id) {
?>
<li>
<a href="#" onclick="window.location.href='admin.php?page=sliders_huge_it_slider&task=edit_cat&id=<?php
echo $rowsldires->id;
?>
'" ><?php
echo $rowsldires->name;
?>
</a>
</li>
<?php
} else {
?>
<li class="active" onclick="this.firstElementChild.style.width = ((this.firstElementChild.value.length + 1) * 8) + 'px';" style="background-image:url(<?php
echo plugins_url('images/edit.png', __FILE__);
?>
);cursor: pointer;">
<input class="text_area" onfocus="this.style.width = ((this.value.length + 1) * 8) + 'px'" type="text" name="name" id="name" maxlength="250" value="<?php
echo esc_html(stripslashes($row->name));
?>
" />
</li>
<?php
}
}
?>
<li class="add-new">
<a onclick="window.location.href='admin.php?page=sliders_huge_it_slider&task=add_cat'">+</a>
</li>
</ul>
</div>
<div id="post-body" class="metabox-holder columns-2">
<!-- Content -->
<div id="post-body-content">
<?php
add_thickbox();
?>
<div id="post-body">
<div id="post-body-heading">
<h3>Slides</h3>
<script>
jQuery(document).ready(function($){
/*jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".attachment-filters").css("display","none");
});*/
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
jQuery('.huge-it-newuploader .button').click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = jQuery(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
jQuery("#"+id).val('');
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val());
jQuery("#save-buttom").click();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
jQuery('.add_media').on('click', function(){
_custom_media = false;
});
/*jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".media-menu-item").css("display","none");
jQuery(".media-menu-item:first").css("display","block");
jQuery(".separator").next().css("display","block");
jQuery('.attachment-filters').val('image').trigger('change');
jQuery(".attachment-filters").css("display","none");
});*/
});
</script>
<input type="hidden" name="imagess" id="_unique_name" />
<span class="wp-media-buttons-icon"></span>
<div class="huge-it-newuploader uploader button button-primary add-new-image">
<input type="button" class="button wp-media-buttons-icon" name="_unique_name_button" id="_unique_name_button" value="Add Image Slide" />
</div>
<a href="admin.php?page=sliders_huge_it_slider&task=popup_posts&id=<?php
echo esc_html($_GET['id']);
?>
&TB_iframe=1" class="button button-primary add-post-slide thickbox" id="slideup2s" value="iframepop">
<input title="Add Post" class="thickbox" type="button" value="Add Post" />
<span class="wp-media-buttons-icon"></span>Add Post Slide
</a>
<a href="admin.php?page=sliders_huge_it_slider&task=popup_video&id=<?php
echo esc_html($_GET['id']);
?>
&TB_iframe=1" class="button button-primary add-video-slide thickbox" id="slideup3s" value="iframepop">
<span class="wp-media-buttons-icon"></span>Add Video Slide
</a>
<script>
jQuery(document).ready(function ($) {
jQuery("#slideup").click(function () {
window.parent.uploadID = jQuery(this).prev('input');
formfield = jQuery('.upload').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function (html) {
imgurl = jQuery('img', html).attr('src');
if(imgurl) {
window.parent.uploadID.val(imgurl);
tb_remove();
jQuery("#save-buttom").click();
}
else {
imgurl = jQuery('#embed-url-field').val();
if(imgurl) {
window.parent.jQuery("#_unique_name").val(imgurl+';;;');
jQuery("#save-buttom").click();
tb_remove();
}
}
};
});
</script>
</div>
<ul id="images-list">
<?php
function get_youtube_id_from_url($url)
{
if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) {
return $match[1];
}
}
$i = 2;
foreach ($rowim as $key => $rowimages) {
?>
<?php
if ($rowimages->sl_type == '') {
$rowimages->sl_type = 'image';
}
switch ($rowimages->sl_type) {
case 'image':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<div class="image-container">
<img src="<?php
echo $rowimages->image_url;
?>
" />
<div>
<script>
jQuery(document).ready(function($){
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
jQuery('.huge-it-editnewuploader .button<?php
echo $rowimages->id;
?>
').click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = jQuery(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
jQuery("#"+id).val(attachment.url);
jQuery("#save-buttom").click();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
jQuery('.add_media').on('click', function(){
_custom_media = false;
});
/* jQuery(".huge-it-editnewuploader").click(function() {
});
jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".media-menu-item").css("display","none");
jQuery(".media-menu-item:first").css("display","block");
jQuery(".separator").next().css("display","block");
jQuery('.attachment-filters').val('image').trigger('change');
jQuery(".attachment-filters").css("display","none");
});*/
});
</script>
<input type="hidden" name="imagess<?php
echo $rowimages->id;
?>
" id="_unique_name<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->image_url;
?>
" />
<span class="wp-media-buttons-icon"></span>
<div class="huge-it-editnewuploader uploader button<?php
echo $rowimages->id;
?>
add-new-image">
<input type="button" class="button<?php
echo $rowimages->id;
?>
wp-media-buttons-icon editimageicon" name="_unique_name_button<?php
echo $rowimages->id;
?>
" id="_unique_name_button<?php
echo $rowimages->id;
?>
" value="Edit image" />
</div>
</div>
</div>
<div class="image-options">
<div>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Title:</label>
<input class="text_area" type="text" id="titleimage<?php
echo $rowimages->id;
?>
" name="titleimage<?php
echo $rowimages->id;
?>
" id="titleimage<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->name;
?>
">
</div>
<div class="description-block">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description:</label>
<textarea id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" ><?php
echo $rowimages->description;
?>
</textarea>
</div>
<div class="link-block">
<label for="sl_url<?php
echo $rowimages->id;
?>
">URL:</label>
<input class="text_area url-input" type="text" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->sl_url;
?>
" >
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">Open in new tab</label>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
<!--<input type="checkbox" name="pause_on_hover" id="pause_on_hover" <?php
if ($row->pause_on_hover == 'on') {
echo 'checked="checked"';
}
?>
class="link_target"/>-->
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=sliders_huge_it_slider&id=<?php
echo $row->id;
?>
&task=apply&removeslide=<?php
echo $rowimages->id;
?>
">Remove Image</a>
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
case 'last_posts':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<div class="image-container">
<img width='100' height='100' src="<?php
echo plugins_url('images/pin.png', __FILE__);
?>
" />
</div>
<div class="recent-post-options image-options">
<div>
<div class="left">
<?php
$categories = get_categories();
?>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Show Posts From:</label>
<select name="titleimage<?php
echo $rowimages->id;
?>
" class="categories-list">
<option <?php
if ($rowimages->name == 0) {
echo 'selected="selected"';
}
?>
value="0">All Categories</option>
<?php
foreach ($categories as $strcategories) {
?>
<option <?php
if ($rowimages->name == $strcategories->cat_name) {
echo 'selected="selected"';
}
?>
value="<?php
echo $strcategories->cat_name;
?>
"><?php
echo $strcategories->cat_name;
?>
</option>
<?php
}
?>
</select>
</div>
<div class="left">
<label for="sl_url<?php
echo $rowimages->id;
?>
">Showing Posts Count:</label>
<input class="text_area url-input number" type="number" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->sl_url;
?>
" >
</div>
</div>
<div>
<label class="long" for="sl_stitle<?php
echo $rowimages->id;
?>
">Show Title:</label>
<input type="hidden" name="sl_stitle<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_stitle == '1') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" name="sl_stitle<?php
echo $rowimages->id;
?>
" value="1" />
</div>
<div>
<div class="left margin">
<label class="long" for="sl_sdesc<?php
echo $rowimages->id;
?>
">Show Description:</label>
<input type="hidden" name="sl_sdesc<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_sdesc == '1') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" name="sl_sdesc<?php
echo $rowimages->id;
?>
" value="1" />
</div>
<div class="left">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description Symbols Number:</label>
<input value="<?php
echo $rowimages->description;
?>
" class="text_area url-input number" id="im_description<?php
echo $rowimages->id;
?>
" type="number" name="im_description<?php
echo $rowimages->id;
?>
" />
</div>
</div>
<div>
<div class="left margin">
<label class="long" for="sl_postlink<?php
echo $rowimages->id;
?>
">Use Post Link:</label>
<input type="hidden" name="sl_postlink<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_postlink == '1') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" name="sl_postlink<?php
echo $rowimages->id;
?>
" value="1" />
</div>
<div class="left">
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">Open Link In New Tab:</label>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
<!--<input type="checkbox" name="pause_on_hover" id="pause_on_hover" <?php
if ($row->pause_on_hover == 'on') {
echo 'checked="checked"';
}
?>
class="link_target"/>-->
</div>
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=sliders_huge_it_slider&id=<?php
echo $row->id;
?>
&task=apply&removeslide=<?php
echo $rowimages->id;
?>
">Remove Last posts</a>
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
case 'video':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<?php
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$liclass = "youtube";
$video_thumb_url = get_youtube_id_from_url($rowimages->image_url);
$thumburl = '<img src="http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg" alt="" />';
} else {
if (strpos($rowimages->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
$vimeo = $rowimages->image_url;
$imgid = end(explode("/", $vimeo));
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php"));
$imgsrc = esc_html($hash[0]['thumbnail_large']);
$thumburl = '<img src="' . $imgsrc . '" alt="" />';
}
}
?>
<div class="image-container">
<?php
echo $thumburl;
?>
<div class="play-icon <?php
echo $liclass;
?>
"></div>
<div>
<script>
jQuery(document).ready(function ($) {
jQuery("#slideup<?php
echo $key;
?>
").click(function () {
window.parent.uploadID = jQuery(this).prev('input');
formfield = jQuery('.upload').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function (html) {
imgurl = jQuery('img', html).attr('src');
if(imgurl) {
window.parent.uploadID.val(imgurl);
tb_remove();
jQuery("#save-buttom").click();
}
else {
imgurl = jQuery('#embed-url-field').val();
if(imgurl) {
window.parent.jQuery("#_unique_name").val(imgurl+';;;');
jQuery("#save-buttom").click();
tb_remove();
}
}
};
});
</script>
<input type="hidden" name="imagess<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->image_url;
?>
" />
</div>
</div>
<div class="image-options video-options">
<?php
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
?>
<div class="video-quality video-options">
<label for="titleimage<?php
echo $rowimages->id;
?>
">Quality:</label>
<select id="titleimage<?php
echo $rowimages->id;
?>
" name="titleimage<?php
echo $rowimages->id;
?>
">
<option value="none" <?php
if ($rowimages->name == 'none') {
echo 'selected="selected"';
}
?>
>Auto</option>
<option value="280" <?php
if ($rowimages->name == '280') {
echo 'selected="selected"';
}
?>
>280</option>
<option value="360" <?php
if ($rowimages->name == '360') {
echo 'selected="selected"';
}
?>
>360</option>
<option value="480" <?php
if ($rowimages->name == '480') {
echo 'selected="selected"';
}
?>
>480</option>
<option value="hd720" <?php
if ($rowimages->name == 'hd720') {
echo 'selected="selected"';
}
?>
>720 HD</option>
<option value="hd1080" <?php
if ($rowimages->name == 'hd1080') {
echo 'selected="selected"';
}
?>
>1080 HD</option>
</select>
</div>
<div class="video-volume video-options">
<label for="im_description<?php
echo $rowimages->id;
?>
">Volume:</label>
<div class="slider-container">
<input id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->description;
?>
" data-slider-range="1,100" type="text" data-slider="true" data-slider-highlight="true" />
</div>
</div>
<div class="video-options">
<label class="long" for="sl_url<?php
echo $rowimages->id;
?>
">Show Controls:</label>
<input type="hidden" name="sl_url<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_url == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" />
</div>
<div class="video-options">
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">Show Info:</label>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=sliders_huge_it_slider&id=<?php
echo $row->id;
?>
&task=apply&removeslide=<?php
echo $rowimages->id;
?>
">Remove Video</a>
</div>
<?php
} else {
?>
<div class="video-quality video-options">
<label for="sl_link_target<?php
echo $rowimages->id;
?>
">Elements Color:</label>
<input name="sl_link_target<?php
echo $rowimages->id;
?>
" type="text" class="color" id="sl_link_target<?php
echo $rowimages->id;
?>
" size="10" value="<?php
echo $rowimages->link_target;
?>
"/>
</div>
<div class="video-volume video-options">
<label for="im_description<?php
echo $rowimages->id;
?>
">Volume:</label>
<div class="slider-container">
<input id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->description;
?>
" data-slider-range="1,100" type="text" data-slider="true" data-slider-highlight="true" />
</div>
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=sliders_huge_it_slider&id=<?php
echo $row->id;
?>
&task=apply&removeslide=<?php
echo $rowimages->id;
?>
">Remove Video</a>
</div>
<?php
}
?>
</div>
<div class="clear"></div>
</li>
<?php
break;
}
?>
<?php
}
?>
</ul>
</div>
</div>
<!-- SIDEBAR -->
<div id="postbox-container-1" class="postbox-container">
<div id="side-sortables" class="meta-box-sortables ui-sortable">
<div id="slider-unique-options" class="postbox">
<h3 class="hndle"><span>Current Slider Options</span></h3>
<ul id="slider-unique-options-list">
<li>
<label for="sl_width">Width</label>
<input type="text" name="sl_width" id="sl_width" value="<?php
echo $row->sl_width;
?>
" class="text_area" />
</li>
<li>
<label for="sl_height">Height</label>
<input type="text" name="sl_height" id="sl_height" value="<?php
echo $row->sl_height;
?>
" class="text_area" />
</li>
<li>
<label for="slider_effects_list">Effects</label>
<select name="slider_effects_list" id="slider_effects_list">
<option <?php
if ($row->slider_list_effects_s == 'none') {
echo 'selected';
}
?>
value="none">None</option>
<option <?php
if ($row->slider_list_effects_s == 'cubeH') {
echo 'selected';
}
?>
value="cubeH">Cube Horizontal</option>
<option <?php
if ($row->slider_list_effects_s == 'cubeV') {
echo 'selected';
}
?>
value="cubeV">Cube Vertical</option>
<option <?php
if ($row->slider_list_effects_s == 'fade') {
echo 'selected';
}
?>
value="fade">Fade</option>
<option <?php
if ($row->slider_list_effects_s == 'sliceH') {
echo 'selected';
}
?>
value="sliceH">Slice Horizontal</option>
<option <?php
if ($row->slider_list_effects_s == 'sliceV') {
echo 'selected';
}
?>
value="sliceV">Slice Vertical</option>
<option <?php
if ($row->slider_list_effects_s == 'slideH') {
echo 'selected';
}
?>
value="slideH">Slide Horizontal</option>
<option <?php
if ($row->slider_list_effects_s == 'slideV') {
echo 'selected';
}
?>
value="slideV">Slide Vertical</option>
<option <?php
if ($row->slider_list_effects_s == 'scaleOut') {
echo 'selected';
}
?>
value="scaleOut">Scale Out</option>
<option <?php
if ($row->slider_list_effects_s == 'scaleIn') {
echo 'selected';
}
?>
value="scaleIn">Scale In</option>
<option <?php
if ($row->slider_list_effects_s == 'blockScale') {
echo 'selected';
}
?>
value="blockScale">Block Scale</option>
<option <?php
if ($row->slider_list_effects_s == 'kaleidoscope') {
echo 'selected';
}
?>
value="kaleidoscope">Kaleidoscope</option>
<option <?php
if ($row->slider_list_effects_s == 'fan') {
echo 'selected';
}
?>
value="fan">Fan</option>
<option <?php
if ($row->slider_list_effects_s == 'blindH') {
echo 'selected';
}
?>
value="blindH">Blind Horizontal</option>
<option <?php
if ($row->slider_list_effects_s == 'blindV') {
echo 'selected';
}
?>
value="blindV">Blind Vertical</option>
<option <?php
if ($row->slider_list_effects_s == 'random') {
echo 'selected';
}
?>
value="random">Random</option>
</select>
</li>
<li>
<label for="sl_pausetime">Pause Time</label>
<input type="text" name="sl_pausetime" id="sl_pausetime" value="<?php
echo $row->description;
?>
" class="text_area" />
</li>
<li>
<label for="sl_changespeed">Change Speed</label>
<input type="text" name="sl_changespeed" id="sl_changespeed" value="<?php
echo $row->param;
?>
" class="text_area" />
</li>
<li>
<label for="slider_position">Slider Position</label>
<select name="sl_position" id="slider_position">
<option <?php
if ($row->sl_position == 'left') {
echo 'selected';
}
?>
value="left">Left</option>
<option <?php
if ($row->sl_position == 'right') {
echo 'selected';
}
?>
value="right">Right</option>
<option <?php
if ($row->sl_position == 'center') {
echo 'selected';
}
?>
value="center">Center</option>
</select>
</li>
<li>
<label for="sl_loading_icon">Loading Icon</label>
<select id="sl_loading_icon" name="sl_loading_icon">
<option <?php
if ($row->sl_loading_icon == 'on') {
echo 'selected';
}
?>
value="on">On</option>
<option <?php
if ($row->sl_loading_icon == 'off') {
echo 'selected';
}
?>
value="off">Off</option>
</select>
</li>
<li>
<label for="show_thumb">Navigate By</label>
<input type="hidden" value="off" name="show_thumb" />
<select id="show_thumb" name="show_thumb">
<option <?php
if ($row->show_thumb == 'dotstop') {
echo 'selected';
}
?>
value="dotstop">Dots</option>
<option <?php
if ($row->show_thumb == 'thumbnails') {
echo 'selected';
}
?>
value="thumbnails">Thumbnails</option>
<option <?php
if ($row->show_thumb == 'nonav') {
echo 'selected';
}
?>
value="nonav">No Navigation</option>
</select>
</li>
<li>
<label for="pause_on_hover">Pause on Hover</label>
<input type="hidden" value="off" name="pause_on_hover" />
<input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php
if ($row->pause_on_hover == 'on') {
echo 'checked="checked"';
}
?>
/>
</li>
</ul>
<div id="major-publishing-actions">
<div id="publishing-action">
<input type="button" onclick="submitbutton('apply')" value="Save Slider" id="save-buttom" class="button button-primary button-large">
</div>
<div class="clear"></div>
<!--<input type="button" onclick="window.location.href='admin.php?page=sliders_huge_it_slider'" value="Cancel" class="button-secondary action">-->
</div>
</div>
</div>
<div id="slider-shortcode-box" class="postbox shortcode ms-toggle">
<h3 class="hndle"><span>Usage</span></h3>
<div class="inside">
<ul>
<li rel="tab-1" class="selected">
<h4>Shortcode</h4>
<p>Copy & paste the shortcode directly into any WordPress post or page.</p>
<textarea class="full" readonly="readonly">[huge_it_slider id="<?php
echo $row->id;
?>
"]</textarea>
</li>
<li rel="tab-2">
<h4>Template Include</h4>
<p>Copy & paste this code into a template file to include the slideshow within your theme.</p>
<textarea class="full" readonly="readonly"><?php echo do_shortcode("[huge_it_slider id='<?php
echo $row->id;
?>
']"); ?></textarea>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="task" value="" />
<input type="hidden" name="csrf_token_hugeit_1752" value="csrf_token_hugeit_1752" />
<?php
$_SESSION['csrf_token_hugeit_1752'] = 'csrf_token_hugeit_1752';
?>
</form>
</div>
<?php
}
function Html_editvideogallery($ord_elem, $count_ord, $images, $row, $cat_row, $rowim, $rowsld, $rowsposts, $rowsposts8, $postsbycat)
{
global $wpdb;
if (isset($_GET["addslide"])) {
if ($_GET["addslide"] == 1) {
header('Location: admin.php?page=videogallerys_huge_it_videogallery&id=' . $row->id . '&task=apply');
}
}
?>
<script type="text/javascript">
function submitbutton(pressbutton)
{
if(!document.getElementById('name').value){
alert("Name is required.");
return;
}
document.getElementById("adminForm").action=document.getElementById("adminForm").action+"&task="+pressbutton;
document.getElementById("adminForm").submit();
}
var name_changeRight = function(e) {
document.getElementById("name").value = e.value;
}
var name_changeTop = function(e) {
document.getElementById("huge_it_videogallery_name").value = e.value;
//alert(e);
};
function change_select()
{
submitbutton('apply');
}
jQuery(function() {
jQuery('.def_thumb').on('click',(function (){
jQuery(this).parents('li').find('.image-container input+input').val('');
submitbutton('apply');
}))
;
jQuery( "#images-list" ).sortable({
stop: function() {
jQuery("#images-list > li").removeClass('has-background');
count=jQuery("#images-list > li").length;
for(var i=0;i<=count;i+=2){
jQuery("#images-list > li").eq(i).addClass("has-background");
}
jQuery("#images-list > li").each(function(){
jQuery(this).find('.order_by').val(jQuery(this).index());
});
},
revert: true
});
// jQuery( "ul, li" ).disableSelection();
});
</script>
<!-- GENERAL PAGE, ADD IMAGES PAGE -->
<div class="wrap">
<?php
$path_site2 = plugins_url("../images", __FILE__);
?>
<div class="slider-options-head">
<div style="float: left;">
<div><a href="http://huge-it.com/wordpress-plugins-video-gallery-user-manual/" target="_blank">User Manual</a></div>
<div>This section allows you to configure the Video Gallery options. <a href="http://huge-it.com/wordpress-plugins-video-gallery-user-manual/" target="_blank">More...</a></div>
</div>
<div style="float: right;">
<a class="header-logo-text" href="http://huge-it.com/video-gallery/" target="_blank">
<div><img width="250px" src="<?php
echo $path_site2;
?>
/huge-it1.png" /></div>
<div>Get the full version</div>
</a>
</div>
</div>
<div style="clear: both;"></div>
<form action="admin.php?page=videogallerys_huge_it_videogallery&id=<?php
echo $row->id;
?>
" method="post" name="adminForm" id="adminForm">
<div id="poststuff" >
<div id="videogallery-header">
<ul id="videogallerys-list">
<?php
foreach ($rowsld as $rowsldires) {
if ($rowsldires->id != $row->id) {
?>
<li>
<a href="#" onclick="window.location.href='admin.php?page=videogallerys_huge_it_videogallery&task=edit_cat&id=<?php
echo $rowsldires->id;
?>
'" ><?php
echo $rowsldires->name;
?>
</a>
</li>
<?php
} else {
?>
<li class="active" onclick='document.getElementById("name").style.width = ((document.getElementById("name").value.length + 1) * 8) + "px"' style="background-image:url(<?php
echo plugins_url('../images/edit.png', __FILE__);
?>
);cursor:pointer;">
<input class="text_area" onfocus="this.style.width = ((this.value.length + 1) * 8) + 'px'" onkeyup="name_changeTop(this)" type="text" name="name" id="name" maxlength="250" value="<?php
echo esc_html(stripslashes($row->name));
?>
" />
</li>
<?php
}
}
?>
<li class="add-new">
<a onclick="window.location.href='admin.php?page=videogallerys_huge_it_videogallery&task=add_cat'">+</a>
</li>
</ul>
</div>
<div id="post-body" class="metabox-holder columns-2">
<!-- Content -->
<div id="post-body-content">
<?php
add_thickbox();
?>
<div id="post-body">
<div id="post-body-heading">
<h3>Projects/Videos</h3>
<?php
$_GET['id'] = esc_html($_GET['id']);
?>
<a href="admin.php?page=videogallerys_huge_it_videogallery&task=videogallery_video&id=<?php
echo $_GET['id'];
?>
&TB_iframe=1" class="button button-primary add-video-slide thickbox" id="slideup3s" value="iframepop">
<span class="wp-media-buttons-icon"></span>Add Video
</a>
</div>
<ul id="images-list">
<?php
function get_youtube_id_from_url($url)
{
if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) {
return $match[1];
}
}
$i = 2;
foreach ($rowim as $key => $rowimages) {
?>
<?php
if ($rowimages->sl_type == '') {
$rowimages->sl_type = 'image';
}
switch ($rowimages->sl_type) {
case 'video':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<?php
if (empty($rowimages->thumb_url)) {
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$liclass = "youtube";
$video_thumb_url = get_youtube_id_from_url($rowimages->image_url);
$thumburl = '<img src="http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg" alt="" />';
} else {
if (strpos($rowimages->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
$vimeo = $rowimages->image_url;
$imgid = explode("/", $vimeo);
$imgid = end($imgid);
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
$imgsrc = esc_html($imgsrc);
$thumburl = '<img src="' . $imgsrc . '" alt="" />';
}
}
} else {
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$liclass = "youtube";
} else {
if (strpos($rowimages->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
}
}
$thumburl = '<img src="' . $rowimages->thumb_url . '" alt="" />';
}
?>
<div class="image-container">
<?php
echo $thumburl;
?>
<div class="play-icon <?php
echo $liclass;
?>
"></div>
<div>
<script>
jQuery(document).ready(function($){
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
jQuery('.huge-it-editnewuploader .button<?php
echo $rowimages->id;
?>
').click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = jQuery(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
jQuery("#"+id).val(attachment.url);
jQuery("#save-buttom").click();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
jQuery('.add_media').on('click', function(){
_custom_media = false;
});
jQuery(".huge-it-editnewuploader").click(function() {
});
jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".media-menu .media-menu-item").css("display","none");
jQuery(".media-menu-item:first").css("display","block");
jQuery(".separator").next().css("display","none");
jQuery('.attachment-filters').val('image').trigger('change');
jQuery(".attachment-filters").css("display","none");
});
});
jQuery("input[name='thumb_id_button<?php
echo $rowimages->id;
?>
']").each(function(){
jQuery(this).hover(function(){
jQuery(this).clearQueue().animate({
width: "170px",
color:"rgba(0,0,0,1)"
}, 200);
},
function(){
jQuery(this).animate({
width: "20px",
color:"rgba(0,0,0,0)"
}, 200);
})
})
});
</script>
<input type="hidden" name="imagess<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->image_url;
?>
" />
<input type="hidden" name="thumbs<?php
echo $rowimages->id;
?>
" id="thumb_id<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->thumb_url;
?>
" />
<div class="huge-it-editnewuploader uploader button<?php
echo $rowimages->id;
?>
add-new-image">
<input type="button" class="editimgbutton button<?php
echo $rowimages->id;
?>
wp-media-buttons-icon" name="thumb_id_button<?php
echo $rowimages->id;
?>
" id="thumb_id_button<?php
echo $rowimages->id;
?>
" value="Set Custom Thumbnail" />
</div>
</div>
<div class="button def_thumb">
Set Default Thumbnail
</div>
</div>
<div class="image-options">
<div>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Title:</label>
<input class="text_area" type="text" id="titleimage<?php
echo $rowimages->id;
?>
" name="titleimage<?php
echo $rowimages->id;
?>
" id="titleimage<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->name);
?>
">
</div>
<div class="description-block">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description:</label>
<textarea id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" ><?php
echo str_replace('__5_5_5__', '%', $rowimages->description);
?>
</textarea>
</div>
<div class="link-block">
<label for="sl_url<?php
echo $rowimages->id;
?>
">URL:</label>
<input class="text_area url-input" type="text" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->sl_url);
?>
" >
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">
<span>Open in new tab</span>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
</label>
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=videogallerys_huge_it_videogallery&task=edit_cat&id=<?php
echo $row->id;
?>
&removeslide=<?php
echo $rowimages->id;
?>
">Remove Video</a>
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
}
?>
<?php
}
?>
</ul>
</div>
</div>
<!-- SIDEBAR -->
<div id="postbox-container-1" class="postbox-container">
<div id="side-sortables" class="meta-box-sortables ui-sortable">
<div id="videogallery-unique-options" class="postbox">
<h3 class="hndle"><span>Video Gallery Custom Options</span></h3>
<ul id="videogallery-unique-options-list">
<li>
<label for="huge_it_videogallery_name">Gallery Name</label>
<input type = "text" name="name" id="huge_it_videogallery_name" value="<?php
echo esc_html(stripslashes($row->name));
?>
" onkeyup = "name_changeRight(this)">
</li>
<li>
<label for="huge_it_sl_effects">Views</label>
<select name="huge_it_sl_effects" id="huge_it_sl_effects">
<option <?php
if ($row->huge_it_sl_effects == '0') {
echo 'selected';
}
?>
value="0">Video Gallery/Content-Popup</option>
<option <?php
if ($row->huge_it_sl_effects == '1') {
echo 'selected';
}
?>
value="1">Content Video Slider</option>
<option <?php
if ($row->huge_it_sl_effects == '5') {
echo 'selected';
}
?>
value="5">Lightbox-Video Gallery</option>
<option <?php
if ($row->huge_it_sl_effects == '3') {
echo 'selected';
}
?>
value="3">Video Slider</option>
<option <?php
if ($row->huge_it_sl_effects == '4') {
echo 'selected';
}
?>
value="4">Thumbnails View</option>
<option <?php
if ($row->huge_it_sl_effects == '6') {
echo 'selected';
}
?>
value="6">Justified</option>
<option <?php
if ($row->huge_it_sl_effects == '7') {
echo 'selected';
}
?>
value="7">Blog Style Gallery</option>
</select>
</li>
<script>
jQuery(document).ready(function ($){
//alert('hi');
//$('div[id^="list_"]')
if($('select[name="display_type"]').val()== 2){
$('li[id="content_per_page"]').hide();
}else{
$('li[id="content_per_page"]').show();
}
$('select[name="display_type"]').on('change' ,function(){
if($(this).val()== 2){
$('li[id="content_per_page"]').hide();
}else{
$('li[id="content_per_page"]').show();
}
})
$('#videogallery-unique-options').on('change',function(){
$( 'div[id^="videogallery-current-options"]').each(function(){
if(!$(this).hasClass( "active" )){
$(this).find('ul li input[name="content_per_page"]').attr('name', '');
$(this).find('ul li select[name="display_type"]').attr('name', '');
//$(this).find('ul li select').attr('name', '');
}else{
//alert('no');
}
})
})
})
</script>
<div id="videogallery-current-options-0" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 0) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-3" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 3) {
echo ' active';
}
?>
">
<ul id="slider-unique-options-list">
<li>
<label for="sl_width">Width</label>
<input type="text" name="sl_width" id="sl_width" value="<?php
echo $row->sl_width;
?>
" class="text_area" />
</li>
<li>
<label for="sl_height">Height</label>
<input type="text" name="sl_height" id="sl_height" value="<?php
echo $row->sl_height;
?>
" class="text_area" />
</li>
<li>
<label for="pause_on_hover">Pause on hover</label>
<input type="hidden" value="off" name="pause_on_hover" />
<input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php
if ($row->pause_on_hover == 'on') {
echo 'checked="checked"';
}
?>
/>
</li>
<li>
<label for="videogallery_list_effects_s">Effects</label>
<select name="videogallery_list_effects_s" id="videogallery_list_effects_s">
<option <?php
if ($row->videogallery_list_effects_s == 'none') {
echo 'selected';
}
?>
value="none">None</option>
<option <?php
if ($row->videogallery_list_effects_s == 'cubeH') {
echo 'selected';
}
?>
value="cubeH">Cube Horizontal</option>
<option <?php
if ($row->videogallery_list_effects_s == 'cubeV') {
echo 'selected';
}
?>
value="cubeV">Cube Vertical</option>
<option <?php
if ($row->videogallery_list_effects_s == 'fade') {
echo 'selected';
}
?>
value="fade">Fade</option>
</select>
</li>
<li>
<label for="sl_pausetime">Pause time</label>
<input type="text" name="sl_pausetime" id="sl_pausetime" value="<?php
echo $row->description;
?>
" class="text_area" />
</li>
<li>
<label for="sl_changespeed">Change speed</label>
<input type="text" name="sl_changespeed" id="sl_changespeed" value="<?php
echo $row->param;
?>
" class="text_area" />
</li>
<li>
<label for="slider_position">Slider Position</label>
<select name="sl_position" id="slider_position">
<option <?php
if ($row->sl_position == 'left') {
echo 'selected';
}
?>
value="left">Left</option>
<option <?php
if ($row->sl_position == 'right') {
echo 'selected';
}
?>
value="right">Right</option>
<option <?php
if ($row->sl_position == 'center') {
echo 'selected';
}
?>
value="center">Center</option>
</select>
</li>
</ul>
</div>
<div id="videogallery-current-options-4" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 4) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-5" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 5) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-6" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 6) {
echo ' active';
}
?>
">
<ul id="view4">
<?php
//print_r($row);
?>
<?php
//var_dump($row->display_type);
?>
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="videogallery-current-options-7" class="videogallery-current-options <?php
if ($row->huge_it_sl_effects == 7) {
echo ' active';
}
?>
">
<ul id="view7">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Videos Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
</ul>
<div id="major-publishing-actions">
<div id="publishing-action">
<input type="button" onclick="submitbutton('apply')" value="Save Video Gallery" id="save-buttom" class="button button-primary button-large">
</div>
<div class="clear"></div>
<!--<input type="button" onclick="window.location.href='admin.php?page=videogallerys_huge_it_videogallery'" value="Cancel" class="button-secondary action">-->
</div>
</div>
<div id="videogallery-shortcode-box" class="postbox shortcode ms-toggle">
<h3 class="hndle"><span>Usage</span></h3>
<div class="inside">
<ul>
<li rel="tab-1" class="selected">
<h4>Shortcode</h4>
<p>Copy & paste the shortcode directly into any WordPress post or page.</p>
<textarea class="full" readonly="readonly">[huge_it_videogallery id="<?php
echo $row->id;
?>
"]</textarea>
</li>
<li rel="tab-2">
<h4>Template Include</h4>
<p>Copy & paste this code into a template file to include the slideshow within your theme.</p>
<textarea class="full" readonly="readonly"><?php echo do_shortcode("[huge_it_videogallery id='<?php
echo $row->id;
?>
']"); ?></textarea>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
@session_start();
$hugeItCSRFToken = $_SESSION["csrf_token_hugeit_gallery"] = md5(time());
?>
<input type="hidden" name="csrf_token_hugeit_gallery" value="<?php
echo $hugeItCSRFToken;
?>
" />
<input type="hidden" name="task" value="" />
</form>
</div>
<?php
}
</div>
</div>
<div class="content-wrap grey-border">
<ul class="slick-multimedia">
<?php
foreach ($multimedia_video as $video) {
?>
<li>
<a class="video fancybox.iframe" href="https://www.youtube.com/embed/<?php
echo get_youtube_id_from_url($video['iframe']);
?>
">
<div class="multi-img ">
<div class="play_multi_btn"></div>
<img src="http://i1.ytimg.com/vi/<?php
echo get_youtube_id_from_url($video['iframe']);
?>
/sddefault.jpg">
</div>
<div class="multi-content">
<span class="multi-title" style="height: 56px;overflow: hidden;"><?php
echo $video['name_' . $lng];
?>
</span>
<p class="date"><i class="mdi mdi-calendar-clock"></i><?php
echo show_date($video['data']);
?>
</p>
</div>
</a>
</li>
function front_end_videogallery($images, $paramssld, $videogallery)
{
ob_start();
$videogalleryID = $videogallery[0]->id;
$videogallerytitle = $videogallery[0]->name;
$videogalleryheight = $videogallery[0]->sl_height;
$videogallerywidth = $videogallery[0]->sl_width;
$videogalleryeffect = $videogallery[0]->videogallery_list_effects_s;
$slidepausetime = $videogallery[0]->description + $videogallery[0]->param;
$videogallerypauseonhover = $videogallery[0]->pause_on_hover;
$videogalleryposition = $videogallery[0]->sl_position;
$slidechangespeed = $videogallery[0]->param;
$videogallerychangeview = $videogallery[0]->huge_it_sl_effects;
$paramssld["ht_view2_element_linkbutton_text"] = "View More";
$paramssld["ht_view2_element_show_linkbutton"] = "on";
$paramssld["ht_view2_element_linkbutton_color"] = "ffffff";
$paramssld["ht_view2_element_linkbutton_font_size"] = "14";
$paramssld["ht_view2_element_linkbutton_background_color"] = "FF2C2C";
$paramssld["ht_view2_show_popup_linkbutton"] = "on";
$paramssld["ht_view2_popup_linkbutton_text"] = "View More";
$paramssld["ht_view2_popup_linkbutton_background_hover_color"] = "c02121";
$paramssld["ht_view2_popup_linkbutton_background_color"] = "FF2C2C";
$paramssld["ht_view2_popup_linkbutton_font_hover_color"] = "ffffff";
$paramssld["ht_view2_popup_linkbutton_color"] = "ffffff";
$paramssld["ht_view2_popup_linkbutton_font_size"] = "14";
$paramssld["ht_view2_description_color"] = "222222";
$paramssld["ht_view2_description_font_size"] = "14";
$paramssld["ht_view2_show_description"] = "on";
$paramssld["ht_view2_thumbs_width"] = "75";
$paramssld["ht_view2_thumbs_height"] = "75";
$paramssld["ht_view2_thumbs_position"] = "before";
$paramssld["ht_view2_show_thumbs"] = "on";
$paramssld["ht_view2_popup_background_color"] = "FFFFFF";
$paramssld["ht_view2_popup_overlay_color"] = "000000";
$paramssld["ht_view2_popup_overlay_transparency_color"] = "70";
$paramssld["ht_view2_popup_closebutton_style"] = "dark";
$paramssld["ht_view2_show_separator_lines"] = "on";
$paramssld["ht_view2_show_popup_title"] = "on";
$paramssld["ht_view2_element_title_font_size"] = "18";
$paramssld["ht_view2_element_title_font_color"] = "222222";
$paramssld["ht_view2_popup_title_font_size"] = "18";
$paramssld["ht_view2_popup_title_font_color"] = "222222";
$paramssld["ht_view2_element_overlay_color"] = "FFFFFF";
$paramssld["ht_view2_element_overlay_transparency"] = "70";
$paramssld["ht_view2_zoombutton_style"] = "light";
$paramssld["ht_view2_element_border_width"] = "1";
$paramssld["ht_view2_element_border_color"] = "dedede";
$paramssld["ht_view2_element_background_color"] = "f9f9f9";
$paramssld["ht_view2_element_width"] = "275";
$paramssld["ht_view2_element_height"] = "160";
$paramssld["ht_view5_icons_style"] = "dark";
$paramssld["ht_view5_show_separator_lines"] = "on";
$paramssld["ht_view5_linkbutton_text"] = "View More";
$paramssld["ht_view5_show_linkbutton"] = "on";
$paramssld["ht_view5_linkbutton_background_hover_color"] = "c02121";
$paramssld["ht_view5_linkbutton_background_color"] = "FF2C2C";
$paramssld["ht_view5_linkbutton_font_hover_color"] = "ffffff";
$paramssld["ht_view5_linkbutton_color"] = "ffffff";
$paramssld["ht_view5_linkbutton_font_size"] = "14";
$paramssld["ht_view5_description_color"] = "555555";
$paramssld["ht_view5_description_font_size"] = "14";
$paramssld["ht_view5_show_description"] = "on";
$paramssld["ht_view5_thumbs_width"] = "75";
$paramssld["ht_view5_thumbs_height"] = "75";
$paramssld["ht_view5_show_thumbs"] = "on";
$paramssld["ht_view5_title_font_size"] = "16";
$paramssld["ht_view5_title_font_color"] = "c02121";
$paramssld["ht_view5_main_image_width"] = "275";
$paramssld["ht_view5_slider_tabs_font_color"] = "d9d99";
$paramssld["ht_view5_slider_tabs_background_color"] = "555555";
$paramssld["ht_view5_slider_background_color"] = "f9f9f9";
$paramssld["ht_view6_title_font_size"] = "16";
$paramssld["ht_view6_title_font_color"] = "c02121";
$paramssld["ht_view6_title_font_hover_color"] = "FF2C2C";
$paramssld["ht_view6_title_background_color"] = "000000";
$paramssld["ht_view6_title_background_transparency"] = "80";
$paramssld["ht_view6_border_radius"] = "3";
$paramssld["ht_view6_border_width"] = "0";
$paramssld["ht_view6_border_color"] = "eeeeee";
$paramssld["ht_view6_width"] = "275";
/***/
$paramssld["ht_view8_element_cssAnimation"] = 'false';
$paramssld["ht_view8_element_height"] = '120';
$paramssld["ht_view8_element_maxheight"] = '155';
$paramssld["ht_view8_element_show_caption"] = 'true';
$paramssld["ht_view8_element_padding"] = '0';
$paramssld["ht_view8_element_border_radius"] = '5';
$paramssld["ht_view8_icons_style"] = 'dark';
$paramssld["ht_view8_element_title_font_size"] = '13';
$paramssld["ht_view8_element_title_font_color"] = '3AD6FC';
$paramssld["ht_view8_popup_background_color"] = '000000';
$paramssld["ht_view8_popup_overlay_transparency_color"] = '0';
$paramssld["ht_view8_popup_closebutton_style"] = 'dark';
$paramssld["ht_view8_element_title_overlay_transparency"] = '90';
$paramssld["ht_view8_element_size_fix"] = 'false';
$paramssld["ht_view8_element_title_background_color"] = 'FF1C1C';
$paramssld["ht_view8_element_justify"] = 'true';
$paramssld["ht_view8_element_randomize"] = 'false';
$paramssld["ht_view8_element_animation_speed"] = '2000';
/***/
$paramssld["light_box_size"] = "17";
$paramssld["light_box_width"] = "800";
$paramssld["light_box_transition"] = "elastic";
$paramssld["light_box_speed"] = "800";
$paramssld["light_box_href"] = "False";
$paramssld["light_box_title"] = "false";
$paramssld["light_box_scalephotos"] = "true";
$paramssld["light_box_rel"] = "false";
$paramssld["light_box_scrolling"] = "false";
$paramssld["light_box_opacity"] = "20";
$paramssld["light_box_open"] = "false";
$paramssld["light_box_overlayclose"] = "true";
$paramssld["light_box_esckey"] = "false";
$paramssld["light_box_arrowkey"] = "false";
$paramssld["light_box_loop"] = "true";
$paramssld["light_box_data"] = "false";
$paramssld["light_box_classname"] = "false";
$paramssld["light_box_fadeout"] = "300";
$paramssld["light_box_closebutton"] = "true";
$paramssld["light_box_current"] = "image";
$paramssld["light_box_previous"] = "previous";
$paramssld["light_box_next"] = "next";
$paramssld["light_box_close"] = "close";
$paramssld["light_box_iframe"] = "false";
$paramssld["light_box_inline"] = "false";
$paramssld["light_box_html"] = "false";
$paramssld["light_box_photo"] = "false";
$paramssld["light_box_height"] = "600";
$paramssld["light_box_innerwidth"] = "false";
$paramssld["light_box_innerheight"] = "false";
$paramssld["light_box_initialwidth"] = "300";
$paramssld["light_box_initialheight"] = "100";
$paramssld["light_box_maxwidth"] = "";
$paramssld["light_box_maxheight"] = "";
$paramssld["light_box_slideshow"] = "false";
$paramssld["light_box_slideshowspeed"] = "2500";
$paramssld["light_box_slideshowauto"] = "true";
$paramssld["light_box_slideshowstart"] = "start slideshow";
$paramssld["light_box_slideshowstop"] = "stop slideshow";
$paramssld["light_box_fixed"] = "true";
$paramssld["light_box_top"] = "false";
$paramssld["light_box_bottom"] = "false";
$paramssld["light_box_left"] = "false";
$paramssld["light_box_right"] = "false";
$paramssld["light_box_reposition"] = "false";
$paramssld["light_box_retinaimage"] = "true";
$paramssld["light_box_retinaurl"] = "false";
$paramssld["light_box_retinasuffix"] = "@2x.\$1";
$paramssld["light_box_returnfocus"] = "true";
$paramssld["light_box_trapfocus"] = "true";
$paramssld["light_box_fastiframe"] = "true";
$paramssld["light_box_preloading"] = "true";
$paramssld["lightbox_open_position"] = "5";
$paramssld["light_box_style"] = "1";
$paramssld["light_box_size_fix"] = "false";
$paramssld["slider_crop_image"] = "crop";
$paramssld["slider_title_color"] = "000000";
$paramssld["slider_title_font_size"] = "13";
$paramssld["slider_description_color"] = "ffffff";
$paramssld["slider_description_font_size"] = "12";
$paramssld["slider_title_position"] = "right-top";
$paramssld["slider_description_position"] = "right-bottom";
$paramssld["slider_title_border_size"] = "0";
$paramssld["slider_title_border_color"] = "ffffff";
$paramssld["slider_title_border_radius"] = "4";
$paramssld["slider_description_border_size"] = "0";
$paramssld["slider_description_border_color"] = "ffffff";
$paramssld["slider_description_border_radius"] = "0";
$paramssld["slider_slideshow_border_size"] = "0";
$paramssld["slider_slideshow_border_color"] = "ffffff";
$paramssld["slider_slideshow_border_radius"] = "0";
$paramssld["slider_navigation_type"] = "1";
$paramssld["slider_navigation_position"] = "bottom";
$paramssld["slider_title_background_color"] = "ffffff";
$paramssld["slider_description_background_color"] = "000000";
$paramssld["slider_title_transparent"] = "on";
$paramssld["slider_description_transparent"] = "on";
$paramssld["slider_slider_background_color"] = "ffffff";
$paramssld["slider_dots_position"] = "none";
$paramssld["slider_active_dot_color"] = "ffffff";
$paramssld["slider_dots_color"] = "000000";
$paramssld["slider_description_width"] = "70";
$paramssld["slider_description_height"] = "50";
$paramssld["slider_description_background_transparency"] = "70";
$paramssld["slider_description_text_align"] = "justify";
$paramssld["slider_title_width"] = "30";
$paramssld["slider_title_height"] = "50";
$paramssld["slider_title_background_transparency"] = "70";
$paramssld["slider_title_text_align"] = "right";
$paramssld["slider_title_has_margin"] = "off";
$paramssld["slider_description_has_margin"] = "off";
$paramssld["slider_show_arrows"] = "on";
$paramssld["thumb_image_behavior"] = "on";
$paramssld["thumb_image_width"] = "240";
$paramssld["thumb_image_height"] = "150";
$paramssld["thumb_image_border_width"] = "1";
$paramssld["thumb_image_border_color"] = "444444";
$paramssld["thumb_image_border_radius"] = "5";
$paramssld["thumb_margin_image"] = "1";
$paramssld["thumb_title_font_size"] = "16";
$paramssld["thumb_title_font_color"] = "FFFFFF";
$paramssld["thumb_title_background_color"] = "CCCCCC";
$paramssld["thumb_title_background_transparency"] = "80";
$paramssld["thumb_box_padding"] = "28";
$paramssld["thumb_box_background"] = "333333";
$paramssld["thumb_box_use_shadow"] = "on";
$paramssld["thumb_box_has_background"] = "on";
$paramssld["thumb_view_text"] = "Watch Video";
////////////////////////////////
///////////////////////////////////
$paramssld["video_ht_view9_title_fontsize"] = "18";
$paramssld["video_ht_view9_title_color"] = "FFFFFF";
$paramssld["video_ht_view9_desc_color"] = "000000";
$paramssld["video_ht_view9_desc_fontsize"] = "14";
$paramssld["video_ht_view9_element_title_show"] = "true";
$paramssld["video_ht_view9_element_desc_show"] = "true";
$paramssld["video_ht_view9_general_width"] = "100";
$paramssld["video_view9_general_position"] = "center";
$paramssld["video_view9_title_textalign"] = "left";
$paramssld["video_view9_desc_textalign"] = "justify";
$paramssld["video_view9_image_position"] = "2";
$paramssld["video_ht_view9_title_back_color"] = "000000";
$paramssld["video_ht_view9_title_opacity"] = "70";
$paramssld["video_ht_view9_desc_opacity"] = "100";
$paramssld["video_ht_view9_desc_back_color"] = "FFFFFF";
$paramssld["video_ht_view9_general_space"] = "0";
$paramssld["video_ht_view9_general_separator_size"] = "0";
$paramssld["video_ht_view9_general_separator_color"] = "010457";
$paramssld["video_view9_general_separator_style"] = "dotted";
$paramssld["video_ht_view9_general_content_count"] = "2";
$paramssld["video_ht_view9_paginator_fontsize"] = "22";
$paramssld["video_ht_view9_paginator_color"] = "615854";
$paramssld["video_ht_view9_paginator_icon_color"] = "B3A5A1";
$paramssld["video_ht_view9_paginator_icon_size"] = "25";
$paramssld["video_view9_paginator_position"] = "left";
$paramssld["video_ht_view9_video_width"] = "720";
$paramssld["video_ht_view9_video_height"] = "420";
$paramssld["video_view9_video_position"] = "center";
///////////////////////////////////////
//////////////////////////////////////
$paramssld["video_view9_loadmore_position"] = "center";
$paramssld["video_ht_view9_loadmore_fontsize"] = "19";
$paramssld["video_ht_view9_button_color"] = "615854";
$paramssld["video_ht_view9_loadmore_font_color"] = "FFFFFF";
$paramssld["loading_type"] = "1";
$paramssld["video_ht_view9_loadmore_text"] = "View More";
$paramssld["video_ht_view8_paginator_position"] = "center";
$paramssld["video_ht_view8_paginator_icon_size"] = "18";
$paramssld["video_ht_view8_paginator_icon_color"] = "26A6FC";
$paramssld["video_ht_view8_paginator_color"] = "26A6FC";
$paramssld["video_ht_view8_paginator_fontsize"] = "18";
$paramssld["video_ht_view8_loadmore_position"] = "center";
$paramssld["video_ht_view8_loadmore_fontsize"] = "14";
$paramssld["video_ht_view8_button_color"] = "26A6FC";
$paramssld["video_ht_view8_loadmore_font_color"] = "FF1C1C";
$paramssld["video_ht_view8_loading_type"] = "3";
$paramssld["video_ht_view8_loadmore_text"] = "View More";
$paramssld["video_ht_view7_paginator_fontsize"] = "22";
$paramssld["video_ht_view7_paginator_color"] = "0A0202";
$paramssld["video_ht_view7_paginator_icon_color"] = "333333";
$paramssld["video_ht_view7_paginator_icon_size"] = "22";
$paramssld["video_ht_view7_paginator_position"] = "center";
$paramssld["video_ht_view7_loadmore_position"] = "center";
$paramssld["video_ht_view7_loadmore_fontsize"] = "19";
$paramssld["video_ht_view7_button_color"] = "333333";
$paramssld["video_ht_view7_loadmore_font_color"] = "CCCCCC";
$paramssld["video_ht_view7_loading_type"] = "1";
$paramssld["video_ht_view7_loadmore_text"] = "View More";
$paramssld["video_ht_view4_paginator_fontsize"] = "19";
$paramssld["video_ht_view4_paginator_color"] = "FF2C2C";
$paramssld["video_ht_view4_paginator_icon_color"] = "B82020";
$paramssld["video_ht_view4_paginator_icon_size"] = "21";
$paramssld["video_ht_view4_paginator_position"] = "center";
$paramssld["video_ht_view4_loadmore_position"] = "center";
$paramssld["video_ht_view4_loadmore_fontsize"] = "16";
$paramssld["video_ht_view4_button_color"] = "5CADFF";
$paramssld["video_ht_view4_loadmore_font_color"] = "FF0D0D";
$paramssld["video_ht_view4_loading_type"] = "3";
$paramssld["video_ht_view4_loadmore_text"] = "View More";
$paramssld["video_ht_view1_paginator_fontsize"] = "22";
$paramssld["video_ht_view1_paginator_color"] = "222222";
$paramssld["video_ht_view1_paginator_icon_color"] = "FF2C2C";
$paramssld["video_ht_view1_paginator_icon_size"] = "22";
$paramssld["video_ht_view1_paginator_position"] = "left";
$paramssld["video_ht_view1_loadmore_position"] = "center";
$paramssld["video_ht_view1_loadmore_fontsize"] = "22";
$paramssld["video_ht_view1_button_color"] = "FF2C2C";
$paramssld["video_ht_view1_loadmore_font_color"] = "FFFFFF";
$paramssld["video_ht_view1_loading_type"] = "2";
$paramssld["video_ht_view1_loadmore_text"] = "Load More";
$paramssld["video_ht_view9_loadmore_font_color_hover"] = "D9D9D9";
$paramssld["video_ht_view9_button_color_hover"] = "8F827C";
$paramssld["video_ht_view8_loadmore_font_color_hover"] = "FF4242";
$paramssld["video_ht_view8_button_color_hover"] = "0FEFFF";
$paramssld["video_ht_view7_loadmore_font_color_hover"] = "D9D9D9";
$paramssld["video_ht_view7_button_color_hover"] = "8F827C";
$paramssld["video_ht_view4_loadmore_font_color_hover"] = "FF4040";
$paramssld["video_ht_view4_button_color_hover"] = "99C5FF";
$paramssld["video_ht_view1_loadmore_font_color_hover"] = "F2F2F2";
$paramssld["video_ht_view1_button_color_hover"] = "991A1A";
?>
<script>
var lightbox_transition = '<?php
echo $paramssld['light_box_transition'];
?>
';
var lightbox_speed = <?php
echo $paramssld['light_box_speed'];
?>
;
var lightbox_fadeOut = <?php
echo $paramssld['light_box_fadeout'];
?>
;
var lightbox_title = <?php
echo $paramssld['light_box_title'];
?>
;
var lightbox_scalePhotos = <?php
echo $paramssld['light_box_scalephotos'];
?>
;
var lightbox_scrolling = <?php
echo $paramssld['light_box_scrolling'];
?>
;
var lightbox_opacity = <?php
echo $paramssld['light_box_opacity'] / 100 + 0.001;
?>
;
var lightbox_open = <?php
echo $paramssld['light_box_open'];
?>
;
var lightbox_returnFocus = <?php
echo $paramssld['light_box_returnfocus'];
?>
;
var lightbox_trapFocus = <?php
echo $paramssld['light_box_trapfocus'];
?>
;
var lightbox_fastIframe = <?php
echo $paramssld['light_box_fastiframe'];
?>
;
var lightbox_preloading = <?php
echo $paramssld['light_box_preloading'];
?>
;
var lightbox_overlayClose = <?php
echo $paramssld['light_box_overlayclose'];
?>
;
var lightbox_escKey = <?php
echo $paramssld['light_box_esckey'];
?>
;
var lightbox_arrowKey = <?php
echo $paramssld['light_box_arrowkey'];
?>
;
var lightbox_loop = <?php
echo $paramssld['light_box_loop'];
?>
;
var lightbox_closeButton = <?php
echo $paramssld['light_box_closebutton'];
?>
;
var lightbox_previous = "<?php
echo $paramssld['light_box_previous'];
?>
";
var lightbox_next = "<?php
echo $paramssld['light_box_next'];
?>
";
var lightbox_close = "<?php
echo $paramssld['light_box_close'];
?>
";
var lightbox_html = <?php
echo $paramssld['light_box_html'];
?>
;
var lightbox_photo = <?php
echo $paramssld['light_box_photo'];
?>
;
var lightbox_width = "<?php
echo $paramssld['light_box_width'];
?>
";
var lightbox_height = "<?php
echo $paramssld['light_box_height'];
?>
";
var lightbox_innerWidth = '<?php
echo $paramssld['light_box_innerwidth'];
?>
';
var lightbox_innerHeight = '<?php
echo $paramssld['light_box_innerheight'];
?>
';
var lightbox_initialWidth = '<?php
echo $paramssld['light_box_initialwidth'];
?>
';
var lightbox_initialHeight = '<?php
echo $paramssld['light_box_initialheight'];
?>
';
var maxwidth=jQuery(window).width();
if(maxwidth > <?php
echo $paramssld['light_box_width'];
?>
){ maxwidth= <?php
echo $paramssld['light_box_width'];
?>
; }
var lightbox_maxWidth = <?php
if ($paramssld['light_box_size_fix'] == 'true') {
echo '"100%"';
} else {
echo 'maxwidth';
}
?>
;
var lightbox_maxHeight = <?php
if ($paramssld['light_box_size_fix'] == 'true') {
echo '"100%"';
} else {
echo $paramssld['light_box_height'];
}
?>
;
var lightbox_slideshow = <?php
echo $paramssld['light_box_slideshow'];
?>
;
var lightbox_slideshowSpeed = <?php
echo $paramssld['light_box_slideshowspeed'];
?>
;
var lightbox_slideshowAuto = <?php
echo $paramssld['light_box_slideshowauto'];
?>
;
var lightbox_slideshowStart = "<?php
echo $paramssld['light_box_slideshowstart'];
?>
";
var lightbox_slideshowStop = "<?php
echo $paramssld['light_box_slideshowstop'];
?>
";
var lightbox_fixed = <?php
echo $paramssld['light_box_fixed'];
?>
;
<?php
$pos = $paramssld['lightbox_open_position'];
switch ($pos) {
case 1:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 1:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 2:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = false;
<?php
break;
case 3:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = '10%';
<?php
break;
case 4:
?>
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 5:
?>
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = false;
<?php
break;
case 6:
?>
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = '10%';
<?php
break;
case 7:
?>
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 8:
?>
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = false;
var lightbox_right = false;
<?php
break;
case 9:
?>
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = false;
var lightbox_right = '10%';
<?php
break;
}
?>
var lightbox_reposition = <?php
echo $paramssld['light_box_reposition'];
?>
;
var lightbox_retinaImage = <?php
echo $paramssld['light_box_retinaimage'];
?>
;
var lightbox_retinaUrl = <?php
echo $paramssld['light_box_retinaurl'];
?>
;
var lightbox_retinaSuffix = "<?php
echo $paramssld['light_box_retinasuffix'];
?>
";
jQuery(document).ready(function(){
jQuery("#huge_it_videogallery_content a[href$='.jpg'], #huge_it_videogallery_content a[href$='.jpeg'], #huge_it_videogallery_content a[href$='.png'], #huge_it_videogallery_content a[href$='.gif']").addClass('videogroup<?php
echo $videogalleryID;
?>
');
jQuery(".videogroup<?php
echo $videogalleryID;
?>
").colorbox({rel:'videogroup<?php
echo $videogalleryID;
?>
'});
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").colorbox({inline:true, width:"50%"});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
jQuery('.non-retina').colorbox({rel:'group5', transition:'none'})
jQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
jQuery("#click").click(function(){
jQuery('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
<!--Huge IT videogallery START-->
<!-- videogallery CONTENT POPUP -->
<?php
include_once ABSPATH . 'wp-admin/includes/plugin.php';
if (!is_plugin_active('lightbox/lightbox.php')) {
?>
<link href="<?php
echo plugins_url('../style/colorbox-' . $paramssld['light_box_style'] . '.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<?php
}
?>
<script src="<?php
echo plugins_url('../js/jquery.colorbox.js', __FILE__);
?>
"></script>
<script src="<?php
echo plugins_url('../js/jquery.hugeitmicro.min.js', __FILE__);
?>
"></script>
<?php
include_once ABSPATH . 'wp-admin/includes/plugin.php';
if (!is_plugin_active('wp-lightbox-2/wp-lightbox-2.php')) {
?>
<?php
}
?>
<?php
$i = $videogallerychangeview;
switch ($i) {
case 0:
?>
<script>
jQuery(function(){
var defaultBlockHeight=<?php
echo $paramssld['ht_view2_element_height'] + 37;
?>
;
var defaultBlockWidth=<?php
echo $paramssld['ht_view2_element_width'];
?>
;
var $container = jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
');
// add randomish size classes
$container.find('.videoelement_<?php
echo $videogalleryID;
?>
').each(function(){
var $this = jQuery(this),
number = parseInt( $this.find('.number').text(), 10 );
//alert(number);
if ( number % 7 % 2 === 1 ) {
$this.addClass('width2');
}
if ( number % 3 === 0 ) {
$this.addClass('height2');
}
});
$container.hugeitmicro({
itemSelector : '.videoelement_<?php
echo $videogalleryID;
?>
',
masonry : {
columnWidth : defaultBlockWidth+20
},
masonryHorizontal : {
rowHeight: defaultBlockHeight+20
},
cellsByRow : {
columnWidth : defaultBlockWidth+20,
rowHeight : defaultBlockHeight
},
cellsByColumn : {
columnWidth : defaultBlockWidth+20,
rowHeight : defaultBlockHeight
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
var $optionSets = jQuery('#huge_it_videogallery_options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = jQuery(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
changeLayoutMode( $this, options )
} else {
$container.hugeitmicro( options );
}
return false;
});
var isHorizontal = false;
function changeLayoutMode( $link, options ) {
var wasHorizontal = isHorizontal;
isHorizontal = $link.hasClass('horizontal');
if ( wasHorizontal !== isHorizontal ) {
var style = isHorizontal ?
{ height: '100%', width: $container.width() } :
{ width: 'auto' };
$container.filter(':animated').stop();
$container.addClass('no-transition').css( style );
setTimeout(function(){
$container.removeClass('no-transition').hugeitmicro( options );
}, 100 )
} else {
$container.hugeitmicro( options );
}
}
var $sortBy = jQuery('#sort-by');
jQuery('#shuffle a').click(function(){
$container.hugeitmicro('shuffle');
$sortBy.find('.selected').removeClass('selected');
$sortBy.find('[data-option-value="random"]').addClass('selected');
return false;
});
});
jQuery(document).ready(function(){
jQuery('.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.videogallery-image-overlay a').on('click',function(){
var strid = jQuery(this).attr('href').replace('#','');
jQuery(this).parents('body').append('<div id="huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
"></div>');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
').insertBefore('#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
');
var height = jQuery(window).height();
var width=jQuery(window).width();
//console.log(height)
//console.log(width)
if(width<=767){
jQuery(window).scrollTop(0);
//console.log(jQuery('body').scrollTop(0))
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery('body').width()*0.5);
}else {jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery('body').width()*0.23);}
jQuery('#huge_it_videogallery_pupup_element_'+strid).addClass('active').css({height:height*0.7});
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
').addClass('active');
return false;
});
/* <-- POPUP LEFT CLICK --> */
jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .left-change").click(function(){
//var strid = jQuery(this).closest(".pupup-element").prev(".pupup-element").find('a').data('popupid').replace('#','');
var height = jQuery(window).height();
//jQuery('#huge_it_gallery_pupup_element_'+strid).css({height:height*0.7});
var num = jQuery(this).find("a").attr("href").replace('#', '');
if(num >= 1){
var strid = jQuery(this).closest(".pupup-element").prev(".pupup-element").find('a').data('popupid').replace('#','');
jQuery('#huge_it_videogallery_pupup_element_'+strid).css({height:height*0.7});
jQuery(this).closest(".pupup-element").removeClass("active");
jQuery(this).closest(".pupup-element").prev(".pupup-element").addClass("active");
}else{
var strid = jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
").find(".pupup-element").last().find('a').data('popupid').replace('#','');
jQuery('#huge_it_videogallery_pupup_element_'+strid).css({height:height*0.7});
jQuery(this).closest(".pupup-element").removeClass("active");
jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
").find(".pupup-element").last().addClass("active");
}
});
/* <-- POPUP RIGHT CLICK --> */
jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .right-change").click(function(){
var height = jQuery(window).height();
var num = jQuery(this).find("a").attr("href").replace('#', '');
var cnt = 0;
jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
").find(".pupup-element").each(function(){
cnt++;
});
// alert(num+" "+cnt);
if(num <= cnt){
var strid = jQuery(this).closest(".pupup-element").next(".pupup-element").find('a').data('popupid').replace('#','');
jQuery('#huge_it_videogallery_pupup_element_'+strid).css({height:height*0.7});
jQuery(this).closest(".pupup-element").removeClass("active");
jQuery(this).closest(".pupup-element").next(".pupup-element").addClass("active");
}else{
var strid = jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
").find(".pupup-element:first-child a").data('popupid').replace('#','');
jQuery('#huge_it_videogallery_pupup_element_'+strid).css({height:height*0.7});
jQuery(this).closest(".pupup-element").removeClass("active");
jQuery("#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
").find(".pupup-element:first-child").addClass("active");
}
});
//////
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close').on('click',function(){
closePopup();
return false;
});
jQuery('body').on('click','#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
',function(){
closePopup();
return false;
});
function closePopup() {
var scrollingTo = jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.pupup-element.active').attr('id');
jQuery(window).scrollTop(jQuery("#"+scrollingTo+"_child").offset().top-100)
jQuery('#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
').remove();
var videsrc=jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.active iframe').attr('src');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.active iframe').attr('src','');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.active iframe').attr('src',videsrc);
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li').removeClass('active');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
').removeClass('active');
}
jQuery(window).resize(function(){
var imgBlockWidth=jQuery(window).width();
if(imgBlockWidth>=768){
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery(window).width()*0.20);
}else{
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery(window).width()*0.5);
}
});
});
</script>
<style type="text/css">
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
a{
border:none;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
{
width:100%;
max-width:<?php
echo $paramssld['ht_view2_element_width'];
?>
px;
height:<?php
echo $paramssld['ht_view2_element_height'] + 45;
?>
px;
margin:0px 0px 10px 0px;
background:#<?php
echo $paramssld['ht_view2_element_background_color'];
?>
;
border:<?php
echo $paramssld['ht_view2_element_border_width'];
?>
px solid #<?php
echo $paramssld['ht_view2_element_border_color'];
?>
;
outline:none;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
{
position:relative;
width:100%;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
img {
width:<?php
echo $paramssld['ht_view2_element_width'];
?>
px !important;
height:<?php
echo $paramssld['ht_view2_element_height'];
?>
px !important;
display:block;
border-radius: 0px !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.videogallery-image-overlay {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view2_element_overlay_color'], 2));
$titleopacity = $paramssld["ht_view2_element_overlay_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
display:none;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
:hover .image-block_<?php
echo $videogalleryID;
?>
.videogallery-image-overlay {
display:block;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.videogallery-image-overlay a {
position:absolute;
top:0px;
left:0px;
display:block;
width:100%;
height:100%;
background:url('<?php
echo plugins_url('../images/zoom.' . $paramssld["ht_view2_zoombutton_style"] . '.png', __FILE__);
?>
') center center no-repeat;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
{
position:relative;
height: 30px;
margin: 0;
padding: 15px 0px 15px 0px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
h3 {
position:relative;
margin:0px !important;
padding:0px 1% 5px 1% !important;
width:98%;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
font-weight:normal;
font-size: <?php
echo $paramssld["ht_view2_element_title_font_size"];
?>
px !important;
line-height: <?php
echo $paramssld["ht_view2_element_title_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view2_element_title_font_color"];
?>
;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
.button-block {
position:absolute;
right:0px;
top:0px;
display:none;
vertical-align:middle;
height:30px;
padding:10px 10px 4px 10px;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view2_element_overlay_color'], 2));
$titleopacity = $paramssld["ht_view2_element_overlay_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
border-left: 1px solid rgba(0,0,0,.05);
}
.load_more5 {
margin: 10px 0;
position:relative;
text-align:<?php
if ($paramssld['video_ht_view1_loadmore_position'] == 'left') {
echo 'left';
} elseif ($paramssld['video_ht_view1_loadmore_position'] == 'center') {
echo 'center';
} elseif ($paramssld['video_ht_view1_loadmore_position'] == 'right') {
echo 'right';
}
?>
;
width:100%;
}
.load_more_button5 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:<?php
echo $paramssld['video_ht_view1_loadmore_fontsize'];
?>
px !important;;
color:<?php
echo '#' . $paramssld['video_ht_view1_loadmore_font_color'];
?>
!important;;
background:<?php
echo '#' . $paramssld['video_ht_view1_button_color'];
?>
!important;
cursor:pointer;
}
.load_more_button5:hover{
color:<?php
echo '#' . $paramssld['video_ht_view1_loadmore_font_color_hover'];
?>
!important;
background:<?php
echo '#' . $paramssld['video_ht_view1_button_color_hover'];
?>
!important;
}
.loading5 {
display:none;
}
.paginate5{
font-size:<?php
echo $paramssld['video_ht_view1_paginator_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view1_paginator_color'];
?>
!important;
text-align: <?php
echo $paramssld['video_ht_view1_paginator_position'];
?>
;
margin-top:15px;
}
.paginate5 a{
border-bottom: none !important;
}
.icon-style5{
font-size: <?php
echo $paramssld['video_ht_view1_paginator_icon_size'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view1_paginator_icon_color'];
?>
!important;
}
.clear{
clear:both;
}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
:hover .title-block_<?php
echo $videogalleryID;
?>
.button-block {display:block;}
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a,#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:link,#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:visited,
#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:hover,#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:focus,#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:active {
position:relative;
display:block;
vertical-align:middle;
padding: 3px 10px 3px 10px;
border-radius:3px;
font-size:<?php
echo $paramssld["ht_view2_element_linkbutton_font_size"];
?>
px;
background:#<?php
echo $paramssld["ht_view2_element_linkbutton_background_color"];
?>
;
color:#<?php
echo $paramssld["ht_view2_element_linkbutton_color"];
?>
;
text-decoration:none;
}
/*#####POPUP#####*/
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
{
position:fixed;
display:table;
width:80%;
top:7%;
left:7%;
margin:0px !important;
padding:0px !important;
list-style:none;
z-index:2000;
display:none;
height:85%;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.active {display:table;}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element {
position:relative;
display:none;
width:100%;
padding:40px 0px 20px 0px;
min-height:100%;
position:relative;
background:#<?php
echo $paramssld["ht_view2_popup_background_color"];
?>
;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element.active {
display:block;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation {
position:absolute;
width:100%;
height:40px;
top:0px;
left:0px;
z-index:2001;
background:url('<?php
echo plugins_url('../images/divider.line.png', __FILE__);
?>
') center bottom repeat-x;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close,#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close:link, #huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close:visited {
position:relative;
float:right;
width:40px;
height:40px;
display:block;
background:url('<?php
echo plugins_url('../images/close.popup.' . $paramssld["ht_view2_popup_closebutton_style"] . '.png', __FILE__);
?>
') center center no-repeat;
border-left:1px solid #ccc;
opacity:.65;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close:hover, #huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close:focus, #huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close:active {opacity:1;}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $videogalleryID;
?>
{
overflow-y:scroll;
position:relative;
width:96%;
height:98%;
padding:2% 2% 0% 2%;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
{
width:60%;
position:relative;
float:left;
margin-right:2%;
border-right:1px solid #ccc;
min-width:200px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
img {
width:100% !important;
display:block;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe {
width:100% !important;
height:100%;
display:block;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block {
width:37%;
position:relative;
float:left;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block > div {
padding-top:10px;
margin-bottom:10px;
<?php
if ($paramssld['ht_view2_show_separator_lines'] == "on") {
?>
background:url('<?php
echo plugins_url('../images/divider.line.png', __FILE__);
?>
') center top repeat-x;
<?php
}
?>
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block > div:last-child {background:none;}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .title {
position:relative;
display:block;
margin:0px 0px 10px 0px !important;
font-size:<?php
echo $paramssld["ht_view2_popup_title_font_size"];
?>
px !important;
line-height:<?php
echo $paramssld["ht_view2_popup_title_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view2_popup_title_font_color"];
?>
;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description {
clear:both;
position:relative;
font-weight:normal;
text-align:justify;
font-size:<?php
echo $paramssld["ht_view2_description_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view2_description_color"];
?>
;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description h1,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description h2,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description h3,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description h4,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description h5,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description h6,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description p,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description strong,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description span {
padding:2px !important;
margin:0px !important;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description ul,
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block .description li {
padding:2px 0px 2px 5px;
margin:0px 0px 0px 8px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block ul.thumbs-list {
list-style:none;
display:table;
position:relative;
clear:both;
width:100%;
margin:0px auto;
padding:0px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block ul.thumbs-list li {
display:block;
float:left;
width:<?php
echo $paramssld["ht_view2_thumbs_width"];
?>
px;
height:<?php
echo $paramssld["ht_view2_thumbs_height"];
?>
px;
margin:0px 2% 5px 1% !important;
opacity:0.45;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block ul.thumbs-list li.active,#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block ul.thumbs-list li:hover {
opacity:1;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block ul.thumbs-list li a {
display:block;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block ul.thumbs-list li img {
width:<?php
echo $paramssld["ht_view2_thumbs_width"];
?>
px !important;
height:<?php
echo $paramssld["ht_view2_thumbs_height"];
?>
px !important;
}
/**/
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .left-change, #huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .right-change{
width: 40px;
height: 39px;
font-size: 25px;
display: inline-block;
text-align: center;
border: 1px solid #eee;
border-bottom: none;
border-top: none;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .right-change{
position:relative;
margin-left: -6px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .right-change:hover, #huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .left-change:hover{
background: #ddd;
border-color: #ccc;
color: #000 !important;
cursor: pointer;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .right-change a, #huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .left-change a{
position: absolute;
transform: translate(-50%, -50%);
top:50%;
color: #777;
text-decoration: none;
width: 12px;
height: 24px;
display: inline-block;
line-height:1 !important;
}
/**/
.pupup-element .button-block {
position:relative;
}
.pupup-element .button-block a,.pupup-element .button-block a:link,.pupup-element .button-block a:visited {
position:relative;
display:inline-block;
padding:6px 12px;
background:#<?php
echo $paramssld["ht_view2_popup_linkbutton_background_color"];
?>
;
color:#<?php
echo $paramssld["ht_view2_popup_linkbutton_color"];
?>
;
font-size:<?php
echo $paramssld["ht_view2_popup_linkbutton_font_size"];
?>
px;
text-decoration:none;
}
.pupup-element .button-block a:hover,.pupup-element .button-block a:focus,.pupup-element .button-block a:active {
background:#<?php
echo $paramssld["ht_view2_popup_linkbutton_background_hover_color"];
?>
;
color:#<?php
echo $paramssld["ht_view2_popup_linkbutton_font_hover_color"];
?>
;
}
#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:199;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view2_popup_overlay_color'], 2));
$titleopacity = $paramssld["ht_view2_popup_overlay_transparency_color"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
}
@media only screen and (max-width: 767px) {
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto !important;
left:0px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element {
margin:0px;
height:auto !important;
position:absolute;
left:0px;
top:0px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $videogalleryID;
?>
{
height:auto !important;
overflow-y:auto;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
{
width:100%;
float:none;
clear:both;
margin-right:0px;
border-right:0px;
}
#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.right-block {
width:100%;
float:none;
clear:both;
margin-right:0px;
border-right:0px;
}
#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:199;
}
}
</style>
<section id="huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
">
<div id="huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
" class="super-list variable-sizes clearfix">
<input type="hidden" class="pagenum" value="1" />
<?php
foreach ($images as $image) {
$idofgallery = $image->videogallery_id;
//print_r($image);
}
global $wpdb;
$pattern = '/-/';
$query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_galleries where id = '%d' order by ordering ASC ", $idofgallery);
$gallery = $wpdb->get_results($query2);
foreach ($gallery as $gall) {
global $post;
$pID = $post->ID;
$disp_type = $gall->display_type;
$count_page = $gall->content_per_page;
if ($count_page == 0) {
$count_page = 999;
} elseif (preg_match($pattern, $count_page)) {
$count_page = preg_replace($pattern, '', $count_page);
}
//var_dump($count_page) ;
}
global $wpdb;
$num = $count_page;
//$total = count($images) ;
$total = intval((count($images) - 1) / $num + 1);
//$total_img=count($images);
if (isset($_GET['page-img' . $videogalleryID . $pID])) {
$page = $_GET['page-img' . $videogalleryID . $pID];
} else {
$page = '';
}
$page = intval($page);
if (empty($page) or $page < 0) {
$page = 1;
}
if ($page > $total) {
$page = $total;
}
$start = $page * $num - $num;
$query = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_videos where videogallery_id = '%d' order by ordering ASC LIMIT " . $start . "," . $num . "", $idofgallery);
$page_images = $wpdb->get_results($query);
if ($disp_type == 2) {
$page_images = $images;
$count_page = 9999;
}
?>
<input type="hidden" id="total" value="<?php
echo $total;
?>
" />
<?php
foreach ($page_images as $key => $row) {
$link = str_replace('__5_5_5__', '%', $row->sl_url);
$descnohtml = strip_tags(str_replace('__5_5_5__', '%', $row->description));
$result = substr($descnohtml, 0, 50);
?>
<div class="videoelement_<?php
echo $videogalleryID;
?>
" id="huge_it_videogallery_pupup_element_<?php
echo $row->id;
?>
_child" tabindex="0" data-symbol="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" data-category="alkaline-earth">
<div class="image-block_<?php
echo $videogalleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
$imgurl = explode(";", $row->image_url);
?>
<?php
if ($row->image_url != ';') {
?>
<img id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
" alt="" />
<?php
} else {
?>
<img id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" alt="" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
if (empty($row->thumb_url)) {
$thumb_pic = 'http://img.youtube.com/vi/' . $videourl[0] . '/mqdefault.jpg';
} else {
$thumb_pic = $row->thumb_url;
}
?>
<img src="<?php
echo $thumb_pic;
?>
" alt="" />
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
if (empty($row->thumb_url)) {
$imgsrc = $hash[0]['thumbnail_large'];
} else {
$imgsrc = $row->thumb_url;
}
?>
<img src="<?php
echo $imgsrc;
?>
" alt="" />
<?php
}
?>
<?php
break;
}
if (str_replace('__5_5_5__', '%', $row->sl_url) == '') {
$viwMoreButton = '';
} else {
if ($row->link_target == "on") {
$target = 'target="_blank"';
} else {
$target = '';
}
$viwMoreButton = '<div class="button-block"><a href="' . str_replace('__5_5_5__', '%', $row->sl_url) . '" ' . $target . ' >' . $paramssld["ht_view2_element_linkbutton_text"] . '</a></div>';
}
?>
<div class="videogallery-image-overlay"><a href="#<?php
echo $row->id;
?>
"></a></div>
</div>
<div class="title-block_<?php
echo $videogalleryID;
?>
">
<h3><?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
</h3>
<?php
if ($paramssld["ht_view2_element_show_linkbutton"] == 'on') {
?>
<?php
echo $viwMoreButton;
?>
<?php
}
?>
</div>
</div>
<?php
}
?>
<div style="clear:both;"></div>
</div>
<?php
$path_site = plugins_url("/../Front_images", __FILE__);
$a = $disp_type;
if ($a == 1) {
//if (!function_exists('check_url')) {
// function check_url() {
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
$pattern3 = "/\\?page-img[0-9]+=[0-9]+/";
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
} elseif (preg_match($pattern3, $actual_link)) {
$actual_link = preg_replace($pattern3, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
// }
//}
?>
<div class="load_more5">
<div class="load_more_button5"><?php
echo $paramssld['video_ht_view1_loadmore_text'];
?>
</div>
<div class="loading5"><img src="<?php
if ($paramssld['video_ht_view1_loading_type'] == '1') {
echo $path_site . '/arrows/loading1.gif';
} elseif ($paramssld['video_ht_view1_loading_type'] == '2') {
echo $path_site . '/arrows/loading4.gif';
} elseif ($paramssld['video_ht_view1_loading_type'] == '3') {
echo $path_site . '/arrows/loading36.gif';
} elseif ($paramssld['video_ht_view1_loading_type'] == '4') {
echo $path_site . '/arrows/loading51.gif';
}
?>
"></div>
<script>
jQuery(document).ready(function(){
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5").length){
jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5").on("click tap",function(){
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()<jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
#total").val()) {
var pagenum = parseInt(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()) + 1;
var perpage =<?php
echo $count_page;
?>
;
var galleryid="<?php
echo $image->videogallery_id;
?>
";
var thumbtext="<?php
echo $paramssld["thumb_view_text"];
?>
";
var linkbutton="<?php
echo $paramssld["ht_view2_element_linkbutton_text"];
?>
"
var showbutton="<?php
echo $paramssld["ht_view2_element_show_linkbutton"];
?>
"
var width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
";
var height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
";
//alert(pagenum+','+perpage+','+galleryid+','+width+','+height);
getresult(pagenum,perpage,galleryid,thumbtext,linkbutton,showbutton,width,height);
}else{
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5').hide();
}
return false;
});
}
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5').hide();
}
function getresult(pagenum,perpage,galleryid,thumbtext,linkbutton,showbutton,width,height){
var data = {
action:"huge_it_video_gallery_ajax",
task:'load_videos_content',
page:pagenum,
perpage:perpage,
galleryid:galleryid,
thumbtext:thumbtext,
linkbutton:linkbutton,
showbutton:showbutton,
width:width,
height:height
}
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.loading5').show();
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5').hide();
jQuery.post('<?php
echo admin_url("admin-ajax.php");
?>
',data,function(response){
if(response.success){
jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
').append(jQuery(response.success) ).hugeitmicro( 'reloadItems' ).hugeitmicro({ sortBy: 'original-order' }).hugeitmicro( 'reLayout' );
jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
img').on("load",function(){
//jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
").append(response.success);
jQuery(document).ready(function(){
jQuery('.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.videogallery-image-overlay a').on('click',function(){
var strid = jQuery(this).attr('href').replace('#','');
jQuery(this).parents('body').append('<div id="huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
"></div>');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
').insertBefore('#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
');
var height = jQuery(window).height();
var width=jQuery(window).width();
if(width<=767){
jQuery(window).scrollTop(0);
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery('body').width()*0.5);
}else {jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery('body').width()*0.23);}
jQuery('#huge_it_videogallery_pupup_element_'+strid).addClass('active').css({height:height*0.7});
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
').addClass('active');
return false;
});
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.heading-navigation .close').on('click',function(){
closePopup();
return false;
});
jQuery('body').on('click','#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
',function(){
closePopup();
return false;
});
function closePopup() {
jQuery('#huge-popup-overlay-video_<?php
echo $videogalleryID;
?>
').remove();
var videsrc=jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.active iframe').attr('src');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.active iframe').attr('src','');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li.active iframe').attr('src',videsrc);
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
li').removeClass('active');
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
').removeClass('active');
}
jQuery(window).resize(function(){
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
').width()*0.5);
});
});
////////////////////////////////////////////////////////////////////////////////////////////////////
jQuery(".videogroup<?php
echo $videogalleryID;
?>
").colorbox({rel:'videogroup<?php
echo $videogalleryID;
?>
'});
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").colorbox({inline:true, width:"50%"});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
jQuery('.non-retina').colorbox({rel:'group5', transition:'none'})
jQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5').show();
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.loading5').hide();
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button5').hide();
}
});
}else{
alert("no");
}
},"json");
}
});
</script>
</div>
<?php
} elseif ($a == 0) {
?>
<div class="paginate5">
<?php
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$checkREQ = '';
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
//$res=preg_match($pattern, $actual_link);
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
}
$checkREQ = $actual_link . '&page-img' . $videogalleryID . $pID;
} else {
$checkREQ = '?page-img' . $videogalleryID . $pID;
}
//var_dump($res);
// Проверяем нужны ли стрелки назад
$pervpage = '';
if ($page != 1) {
$pervpage = '<a href= ' . $checkREQ . '=1><i class="icon-style5 hugeiticons-fast-backward" ></i></a>
<a href= ' . $checkREQ . '=' . ($page - 1) . '><i class="icon-style5 hugeiticons-chevron-left"></i></a> ';
}
// Проверяем нужны ли стрелки вперед
$nextpage = '';
if ($page != $total) {
$nextpage = ' <a href= ' . $checkREQ . '=' . ($page + 1) . '><i class="icon-style5 hugeiticons-chevron-right"></i></a>
<a href= ' . $checkREQ . '=' . $total . '><i class="icon-style5 hugeiticons-fast-forward" ></i></a>';
}
// Вывод меню
echo $pervpage . $page . '/' . $total . $nextpage;
?>
</div>
<?php
}
?>
</section>
<ul id="huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
">
<?php
$changePopup = 1;
foreach ($images as $key => $row) {
$imgurl = explode(";", $row->image_url);
$link = str_replace('__5_5_5__', '%', $row->sl_url);
$descnohtml = strip_tags(str_replace('__5_5_5__', '%', $row->description));
$result = substr($descnohtml, 0, 50);
?>
<li class="pupup-element" id="huge_it_videogallery_pupup_element_<?php
echo $row->id;
?>
">
<div class="heading-navigation">
<div style="display: inline-block; float: left;">
<div class="left-change" ><a href="#<?php
echo $changePopup - 1;
?>
" data-popupid="#<?php
echo $row->id;
?>
"><</a></div>
<div class="right-change" ><a href="#<?php
echo $changePopup + 1;
?>
" data-popupid="#<?php
echo $row->id;
?>
">></a></div>
</div>
<?php
$changePopup = $changePopup + 1;
?>
<a href="#close" class="close"></a>
<div style="clear:both;"></div>
</div>
<div class="popup-wrapper_<?php
echo $videogalleryID;
?>
">
<div class="image-block_<?php
echo $videogalleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
if ($row->image_url != ';') {
?>
<img id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
" alt="" />
<?php
} else {
?>
<img id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" alt="" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<iframe src="//www.youtube.com/embed/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
} else {
?>
<iframe src="//player.vimeo.com/video/<?php
echo $videourl[0];
?>
?title=0&byline=0&portrait=0" style="border: 0;" allowfullscreen></iframe>
<?php
}
?>
<?php
break;
}
if (str_replace('__5_5_5__', '%', $row->sl_url) == '') {
$viwMoreButton = '';
} else {
if ($row->link_target == "on") {
$target = 'target="_blank"';
} else {
$target = '';
}
$viwMoreButton = '<div class="button-block"><a href="' . str_replace('__5_5_5__', '%', $row->sl_url) . '" ' . $target . ' >' . $paramssld["ht_view2_element_linkbutton_text"] . '</a></div>';
}
?>
</div>
<div class="right-block">
<?php
if ($paramssld["ht_view2_show_popup_title"] == 'on') {
?>
<h3 class="title"><?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
</h3><?php
}
?>
<?php
if ($paramssld["ht_view2_show_description"] == 'on') {
?>
<div class="description"><?php
echo str_replace('__5_5_5__', '%', $row->description);
?>
</div><?php
}
?>
<?php
if ($paramssld["ht_view2_show_popup_linkbutton"] == 'on') {
?>
<?php
echo $viwMoreButton;
?>
<?php
}
?>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
</li>
<?php
}
?>
</ul>
<?php
break;
/////////////////////////////////// VIEW 1 CONTENT SLIDER ////////////////////////////////////
/////////////////////////////////// VIEW 1 CONTENT SLIDER ////////////////////////////////////
case 1:
?>
<script src="<?php
echo plugins_url('../js/jquery.easing.min.js', __FILE__);
?>
"></script>
<script src="<?php
echo plugins_url('../js/jquery.touchSwipe.min.js', __FILE__);
?>
"></script>
<link rel="stylesheet" href="<?php
echo plugins_url('../style/animate.min.css', __FILE__);
?>
">
<link href="<?php
echo plugins_url('../style/liquid-slider.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<style>
* {outline:none;}
#main-slider_<?php
echo $videogalleryID;
?>
a{
border:none;
}
#main-slider_<?php
echo $videogalleryID;
?>
{background:#<?php
echo $paramssld["ht_view5_slider_background_color"];
?>
;}
#main-slider_<?php
echo $videogalleryID;
?>
div.slider-content {
position:relative;
width:100%;
padding:0px 0px 0px 0px;
position:relative;
background:#<?php
echo $paramssld["ht_view5_slider_background_color"];
?>
;
}
[class$="-arrow"] {
background-image:url(<?php
echo plugins_url('../images/arrow.' . $paramssld["ht_view5_icons_style"] . '.png', __FILE__);
?>
);
}
.ls-select-box {
background:url(<?php
echo plugins_url('../images/menu.' . $paramssld["ht_view5_icons_style"] . '.png', __FILE__);
?>
) right center no-repeat #<?php
echo $paramssld["ht_view5_slider_background_color"];
?>
;
}
#main-slider_<?php
echo $videogalleryID;
?>
-nav-select {
color:#<?php
echo $paramssld["ht_view5_title_font_color"];
?>
;
}
#main-slider_<?php
echo $videogalleryID;
?>
div.slider-content .slider-content-wrapper {
position:relative;
width:100%;
padding:0px;
display:block;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $videogalleryID;
?>
{
position:relative;
width:<?php
echo $paramssld["ht_view5_main_image_width"];
?>
px;
display:table-cell;
padding:0px 10px 0px 0px;
float:left;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $videogalleryID;
?>
img.main-image {
position:relative;
width:100%;
height:auto;
display:block;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $videogalleryID;
?>
.play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $videogalleryID;
?>
.play-icon.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $videogalleryID;
?>
.play-icon.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block {
display:table-cell;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block > div {
padding-bottom:10px;
margin-top:10px;
<?php
if ($paramssld['ht_view5_show_separator_lines'] == "on") {
?>
background:url('<?php
echo plugins_url('../images/divider.line.png', __FILE__);
?>
') center bottom repeat-x;
<?php
}
?>
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block > div:last-child {background:none;}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .title {
position:relative;
display:block;
margin:-10px 0px 0px 0px;
font-size:<?php
echo $paramssld["ht_view5_title_font_size"];
?>
px !important;
line-height:<?php
echo $paramssld["ht_view5_title_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view5_title_font_color"];
?>
;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description {
clear:both;
position:relative;
font-weight:normal;
text-align:justify;
font-size:<?php
echo $paramssld["ht_view5_description_font_size"];
?>
px !important;
line-height:<?php
echo $paramssld["ht_view5_description_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view5_description_color"];
?>
;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description h1,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description h2,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description h3,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description h4,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description h5,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description h6,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description p,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description strong,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description span {
padding:2px !important;
margin:0px !important;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description ul,
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block .description li {
padding:2px 0px 2px 5px;
margin:0px 0px 0px 8px;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block {
position:relative;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block a,#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block a:link,#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block a:visited{
position:relative;
display:inline-block;
padding:6px 12px;
background:#<?php
echo $paramssld["ht_view5_linkbutton_background_color"];
?>
;
color:#<?php
echo $paramssld["ht_view5_linkbutton_color"];
?>
;
font-size:<?php
echo $paramssld["ht_view5_linkbutton_font_size"];
?>
;
text-decoration:none;
}
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block a:hover,#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block a:focus,#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .button-block a:active {
background:#<?php
echo $paramssld["ht_view5_linkbutton_background_hover_color"];
?>
;
color:#<?php
echo $paramssld["ht_view5_linkbutton_font_hover_color"];
?>
;
}
@media only screen and (min-width:500px) {
#main-slider_<?php
echo $videogalleryID;
?>
-nav-ul {
visibility:hidden !important;
height:1px;
}
}
@media only screen and (max-width:500px) {
#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $videogalleryID;
?>
,#main-slider_<?php
echo $videogalleryID;
?>
.slider-content-wrapper .right-block {
width:100%;
display:block;
float:none;
clear:both;
}
}
</style>
<div id="main-slider_<?php
echo $videogalleryID;
?>
" class="liquid-slider">
<?php
foreach ($images as $key => $row) {
$imgurl = explode(";", $row->image_url);
//array_pop($imgurl);
$link = str_replace('__5_5_5__', '%', $row->sl_url);
$descnohtml = strip_tags(str_replace('__5_5_5__', '%', $row->description));
$result = substr($descnohtml, 0, 50);
?>
<div class="slider-content">
<div class="slider-content-wrapper">
<div class="image-block_<?php
echo $videogalleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
if ($row->image_url != ';') {
?>
<a class="videogroup<?php
echo $videogalleryID;
?>
" href="<?php
echo $imgurl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
"><img class="main-image" src="<?php
echo $imgurl[0];
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" /></a>
<?php
} else {
?>
<img class="main-image" src="images/noimage.jpg" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
if (empty($row->thumb_url)) {
$thumb_pic = 'http://img.youtube.com/vi/' . $videourl[0] . '/mqdefault.jpg';
} else {
$thumb_pic = $row->thumb_url;
}
?>
<a class="youtube huge_it_videogallery_item" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img src="<?php
echo $thumb_pic;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
if (empty($row->thumb_url)) {
$imgsrc = $hash[0]['thumbnail_large'];
} else {
$imgsrc = $row->thumb_url;
}
?>
<a class="vimeo huge_it_videogallery_item" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img src="<?php
echo $imgsrc;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
}
?>
<?php
break;
}
?>
</div>
<div class="right-block">
<div><h2 class="title"><?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
</h2></div>
<?php
if ($paramssld["ht_view5_show_description"] == 'on') {
?>
<div class="description"><?php
echo str_replace('__5_5_5__', '%', $row->description);
?>
</div><?php
}
?>
<?php
if ($paramssld["ht_view5_show_linkbutton"] == 'on') {
?>
<div class="button-block">
<a href="<?php
echo $link;
?>
" <?php
if ($row->link_target == "on") {
echo 'target="_blank"';
}
?>
><?php
echo $paramssld["ht_view5_linkbutton_text"];
?>
</a>
</div>
<?php
}
?>
</div>
</div>
</div>
<?php
}
?>
</div>
<script src="<?php
echo plugins_url('../js/jquery.liquid-slider.min.js', __FILE__);
?>
"></script>
<script>
/**
* If you need to access the internal property or methods, use this:
* var api = $.data( jQuery('#main-slider_<?php
echo $videogalleryID;
?>
')[0], 'liquidSlider');
* console.log(api);
*/
jQuery('#main-slider_<?php
echo $videogalleryID;
?>
').liquidSlider();
</script>
<?php
break;
/////////////////////////////// VIEW 2 Lightbox videogallery /////////////////////////////
/////////////////////////////// VIEW 2 Lightbox videogallery /////////////////////////////
case 5:
?>
<style type="text/css">
.videoelement_<?php
echo $videogalleryID;
?>
{
width: 100%;
max-width:<?php
echo $paramssld['ht_view6_width'];
?>
px;
margin:0px 0px 10px 0px;
border:<?php
echo $paramssld['ht_view6_border_width'];
?>
px solid #<?php
echo $paramssld['ht_view6_border_color'];
?>
;
border-radius:<?php
echo $paramssld['ht_view6_border_radius'];
?>
px;
outline:none;
overflow:hidden;
}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
{
position:relative;
width: 100%;
max-width:<?php
echo $paramssld['ht_view6_width'];
?>
px;
}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
a {display:block;}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
img {
width:<?php
echo $paramssld['ht_view6_width'];
?>
px !important;
height:auto;
display:block;
border-radius: 0px !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
img:hover {
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.play-icon.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
.videoelement_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
.play-icon.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
{
position:absolute;
text-overflow: ellipsis;
overflow: hidden;
left:0px;
width:100%;
height:30px;
bottom:-35px;
color:#<?php
echo $paramssld["ht_view6_title_font_color"];
?>
;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view6_title_background_color'], 2));
$titleopacity = $paramssld["ht_view6_title_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
-webkit-transition: bottom 0.3s ease-out 0.1s;
-moz-transition: bottom 0.3s ease-out 0.1s;
-o-transition: bottom 0.3s ease-out 0.1s;
transition: bottom 0.3s ease-out 0.1s;
}
.videoelement_<?php
echo $videogalleryID;
?>
:hover .title-block_<?php
echo $videogalleryID;
?>
{bottom:0px;}
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a, .videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:link, .videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:visited {
position:relative;
margin:0px;
padding:0px 1% 0px 2%;
width:97%;
text-decoration:none;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
z-index:20;
font-size: <?php
echo $paramssld["ht_view6_title_font_size"];
?>
px;
color:#<?php
echo $paramssld["ht_view6_title_font_color"];
?>
;
font-weight:normal;
}
.videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:hover, .videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:focus, .videoelement_<?php
echo $videogalleryID;
?>
.title-block_<?php
echo $videogalleryID;
?>
a:active {
color:#<?php
echo $paramssld["ht_view6_title_font_hover_color"];
?>
;
text-decoration:none;
}
.load_more4 {
margin: 10px 0;
position:relative;
text-align:<?php
if ($paramssld['video_ht_view4_loadmore_position'] == 'left') {
echo 'left';
} elseif ($paramssld['video_ht_view4_loadmore_position'] == 'center') {
echo 'center';
} elseif ($paramssld['video_ht_view4_loadmore_position'] == 'right') {
echo 'right';
}
?>
;
width:100%;
}
.entry-content a{
border-bottom: none;
}
.load_more_button4 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:<?php
echo $paramssld['video_ht_view4_loadmore_fontsize'];
?>
px !important;;
color:<?php
echo '#' . $paramssld['video_ht_view4_loadmore_font_color'];
?>
!important;;
background:<?php
echo '#' . $paramssld['video_ht_view4_button_color'];
?>
!important;
cursor:pointer;
}
.load_more_button4:hover{
color:<?php
echo '#' . $paramssld['video_ht_view4_loadmore_font_color_hover'];
?>
!important;
background:<?php
echo '#' . $paramssld['video_ht_view4_button_color_hover'];
?>
!important;
}
.loading4 {
display:none;
}
.paginate4{
font-size:<?php
echo $paramssld['video_ht_view4_paginator_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view4_paginator_color'];
?>
!important;
text-align: <?php
echo $paramssld['video_ht_view4_paginator_position'];
?>
;
margin-top: 25px;
}
.paginate4 a{
border-bottom: none !important;
}
.icon-style4{
font-size: <?php
echo $paramssld['video_ht_view4_paginator_icon_size'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view4_paginator_icon_color'];
?>
!important;
}
.clear{
clear:both;
}
</style>
<section id="huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
">
<div id="huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
" class="super-list variable-sizes clearfix">
<input type="hidden" class="pagenum" value="1" />
<?php
foreach ($images as $image) {
$idofgallery = $image->videogallery_id;
//print_r($image);
}
global $wpdb;
$pattern = '/-/';
$query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_galleries where id = '%d' order by ordering ASC ", $idofgallery);
$gallery = $wpdb->get_results($query2);
foreach ($gallery as $gall) {
global $post;
$pID = $post->ID;
$disp_type = $gall->display_type;
$count_page = $gall->content_per_page;
if ($count_page == 0) {
$count_page = 999;
} elseif (preg_match($pattern, $count_page)) {
$count_page = preg_replace($pattern, '', $count_page);
}
//var_dump($count_page) ;
}
global $wpdb;
$num = $count_page;
//$total = count($images) ;
$total = intval((count($images) - 1) / $num + 1);
//$total_img=count($images);
if (isset($_GET['page-img' . $videogalleryID . $pID])) {
$page = $_GET['page-img' . $videogalleryID . $pID];
} else {
$page = '';
}
$page = intval($page);
if (empty($page) or $page < 0) {
$page = 1;
}
if ($page > $total) {
$page = $total;
}
$start = $page * $num - $num;
$query = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_videos where videogallery_id = '%d' order by ordering ASC LIMIT " . $start . "," . $num . "", $idofgallery);
$page_images = $wpdb->get_results($query);
if ($disp_type == 2) {
$page_images = $images;
$count_page = 9999;
}
?>
<input type="hidden" id="total" value="<?php
echo $total;
?>
" />
<?php
foreach ($page_images as $key => $row) {
$link = str_replace('__5_5_5__', '%', $row->sl_url);
$descnohtml = strip_tags(str_replace('__5_5_5__', '%', $row->description));
$result = substr($descnohtml, 0, 50);
?>
<div class="videoelement_<?php
echo $videogalleryID;
?>
" tabindex="0" data-symbol="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" data-category="alkaline-earth">
<div class="image-block_<?php
echo $videogalleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
$imgurl = explode(";", $row->image_url);
?>
<?php
if ($row->image_url != ';') {
?>
<a href="<?php
echo $imgurl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
"><img id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" /></a>
<?php
} else {
?>
<img id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" alt="" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
if (empty($row->thumb_url)) {
$thumb_pic = 'http://img.youtube.com/vi/' . $videourl[0] . '/mqdefault.jpg';
} else {
$thumb_pic = $row->thumb_url;
}
?>
<a class="youtube huge_it_videogallery_item videogroup<?php
echo $videogalleryID;
?>
" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img src="<?php
echo $thumb_pic;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
if (empty($row->thumb_url)) {
$imgsrc = $hash[0]['thumbnail_large'];
} else {
$imgsrc = $row->thumb_url;
}
?>
<a class="vimeo huge_it_videogallery_item videogroup<?php
echo $videogalleryID;
?>
" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img src="<?php
echo $imgsrc;
?>
" alt="" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
}
?>
<?php
break;
}
?>
</div>
<?php
if ($row->name != "") {
?>
<div class="title-block_<?php
echo $videogalleryID;
?>
">
<a href="<?php
echo $link;
?>
" <?php
if ($row->link_target == "on") {
echo 'target="_blank"';
}
?>
><?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
</a>
</div>
<?php
}
?>
</div>
<?php
}
?>
<!-- <div style="clear:both;"></div> -->
</div>
<?php
$path_site = plugins_url("/../Front_images", __FILE__);
$a = $disp_type;
if ($a == 1) {
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
$pattern3 = "/\\?page-img[0-9]+=[0-9]+/";
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
} elseif (preg_match($pattern3, $actual_link)) {
$actual_link = preg_replace($pattern3, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
?>
<div class="load_more4">
<div class="load_more_button4"><?php
echo $paramssld['video_ht_view4_loadmore_text'];
?>
</div>
<div class="loading4"><img src="<?php
if ($paramssld['video_ht_view4_loading_type'] == '1') {
echo $path_site . '/arrows/loading1.gif';
} elseif ($paramssld['video_ht_view4_loading_type'] == '2') {
echo $path_site . '/arrows/loading4.gif';
} elseif ($paramssld['video_ht_view4_loading_type'] == '3') {
echo $path_site . '/arrows/loading36.gif';
} elseif ($paramssld['video_ht_view4_loading_type'] == '4') {
echo $path_site . '/arrows/loading51.gif';
}
?>
"></div>
<script>
jQuery(document).ready(function(){
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4").length){
jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4").on("click tap",function(){
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()<jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
#total").val()) {
var pagenum = parseInt(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()) + 1;
var perpage =<?php
echo $count_page;
?>
;
var galleryid="<?php
echo $image->videogallery_id;
?>
";
var thumbtext="<?php
echo $paramssld["thumb_view_text"];
?>
";
var width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
";
var height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
";
//alert(pagenum+','+perpage+','+galleryid+','+width+','+height);
getresult(pagenum,perpage,galleryid,thumbtext,width,height);
}else{
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4').hide();
}
return false;
});
}
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4').hide();
}
function getresult(pagenum,perpage,galleryid,thumbtext,width,height){
var data = {
action:"huge_it_video_gallery_ajax",
task:'load_videos_lightbox',
page:pagenum,
perpage:perpage,
galleryid:galleryid,
thumbtext:thumbtext,
width:width,
height:height
}
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.loading4').show();
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4').hide();
jQuery.post('<?php
echo admin_url("admin-ajax.php");
?>
',data,function(response){
if(response.success){
//alert(response.success);
var $objnewitems= jQuery(response.success);
jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
').append( $objnewitems ).hugeitmicro({ sortBy: 'original-order' }) .hugeitmicro( 'reLayout' ).hugeitmicro( 'reloadItems' );
jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
img').on('load',function(){
jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
').hugeitmicro({ sortBy: 'original-order' }) .hugeitmicro( 'reLayout' ).hugeitmicro( 'reloadItems' );
//############# Hakob
//############# End
jQuery(".videogroup<?php
echo $videogalleryID;
?>
").colorbox({rel:'videogroup<?php
echo $videogalleryID;
?>
'});
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").colorbox({inline:true, width:"50%"});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
jQuery('.non-retina').colorbox({rel:'group5', transition:'none'})
jQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
var defaultBlockWidth=<?php
echo $paramssld['ht_view6_width'];
?>
+20+<?php
echo $paramssld['ht_view6_width'] * 2;
?>
;
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4').show();
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.loading4').hide();
if(jQuery("#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#huge_it_videogallery_content_<?php
echo $videogalleryID;
?>
.load_more_button4').hide();
}
});
}else{
alert("no");
}
},"json");
}
});
</script>
</div>
<?php
} elseif ($a == 0) {
?>
<div class="paginate4">
<?php
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$checkREQ = '';
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
//$res=preg_match($pattern, $actual_link);
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
}
$checkREQ = $actual_link . '&page-img' . $videogalleryID . $pID;
} else {
$checkREQ = '?page-img' . $videogalleryID . $pID;
}
//var_dump($res);
// Проверяем нужны ли стрелки назад
$pervpage = '';
if ($page != 1) {
$pervpage = '<a href= ' . $checkREQ . '=1><i class="icon-style4 hugeiticons-fast-backward" ></i></a>
<a href= ' . $checkREQ . '=' . ($page - 1) . '><i class="icon-style4 hugeiticons-chevron-left"></i></a> ';
}
// Проверяем нужны ли стрелки вперед
$nextpage = '';
if ($page != $total) {
$nextpage = ' <a href= ' . $checkREQ . '=' . ($page + 1) . '><i class="icon-style4 hugeiticons-chevron-right"></i></a>
<a href= ' . $checkREQ . '=' . $total . '><i class="icon-style4 hugeiticons-fast-forward" ></i></a>';
}
// Вывод меню
echo $pervpage . $page . '/' . $total . $nextpage;
?>
</div>
<?php
}
?>
</section>
<script>
jQuery(function(){
var defaultBlockWidth=<?php
echo $paramssld['ht_view6_width'];
?>
+20+<?php
echo $paramssld['ht_view6_width'] * 2;
?>
;
var $container = jQuery('#huge_it_videogallery_container_<?php
echo $videogalleryID;
?>
');
// add randomish size classes
$container.find('.videoelement_<?php
echo $videogalleryID;
?>
').each(function(){
var $this = jQuery(this),
number = parseInt( $this.find('.number').text(), 10 );
//alert(number);
if ( number % 7 % 2 === 1 ) {
$this.addClass('width2');
}
if ( number % 3 === 0 ) {
$this.addClass('height2');
}
});
$container.hugeitmicro({
itemSelector : '.videoelement_<?php
echo $videogalleryID;
?>
',
masonry : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
+10+<?php
echo $paramssld['ht_view6_border_width'] * 2;
?>
},
masonryHorizontal : {
rowHeight: 'auto'
},
cellsByRow : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
,
rowHeight : 'auto'
},
cellsByColumn : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
,
rowHeight : 'auto'
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
reSortImages(); //add hugitmicro function
function reSortImages() {
$container.hugeitmicro({
itemSelector : '.videoelement_<?php
echo $videogalleryID;
?>
',
masonry : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
+10+<?php
echo $paramssld['ht_view6_border_width'] * 2;
?>
},
masonryHorizontal : {
rowHeight: 'auto'
},
cellsByRow : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
,
rowHeight : 'auto'
},
cellsByColumn : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
,
rowHeight : 'auto'
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
}
jQuery(window).resize(function(){
reSortImages(); // add
});
var $optionSets = jQuery('#huge_it_videogallery_options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = jQuery(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
changeLayoutMode( $this, options )
} else {
$container.hugeitmicro( options );
}
return false;
});
var isHorizontal = false;
function changeLayoutMode( $link, options ) {
var wasHorizontal = isHorizontal;
isHorizontal = $link.hasClass('horizontal');
if ( wasHorizontal !== isHorizontal ) {
var style = isHorizontal ?
{ height: '100%', width: $container.width() } :
{ width: 'auto' };
$container.filter(':animated').stop();
$container.addClass('no-transition').css( style );
setTimeout(function(){
$container.removeClass('no-transition').hugeitmicro( options );
}, 100 )
} else {
$container.hugeitmicro( options );
}
}
var $sortBy = jQuery('#sort-by');
jQuery('#shuffle a').click(function(){
$container.hugeitmicro('shuffle');
$sortBy.find('.selected').removeClass('selected');
$sortBy.find('[data-option-value="random"]').addClass('selected');
return false;
});
jQuery(window).load(function(){
$container.hugeitmicro('reLayout');
});
});
</script>
<?php
break;
/////////////////////////////// VIEW 3 videogallery Huge IT Slider /////////////////////////////
/////////////////////////////// VIEW 3 videogallery Huge IT Slider /////////////////////////////
case 3:
$sliderID = $videogallery[0]->id;
$slidertitle = $videogallery[0]->name;
$sliderheight = $videogallery[0]->sl_height;
$sliderwidth = $videogallery[0]->sl_width;
$slidereffect = $videogallery[0]->videogallery_list_effects_s;
$slidepausetime = $videogallery[0]->description + $videogallery[0]->param;
$sliderpauseonhover = $videogallery[0]->pause_on_hover;
$sliderposition = $videogallery[0]->sl_position;
$slidechangespeed = $videogallery[0]->param;
$trim_slider_title_position = trim($paramssld['slider_title_position']);
$slideshow_title_position = explode('-', $trim_slider_title_position);
$trim_slider_description_position = trim($paramssld['slider_description_position']);
$slideshow_description_position = explode('-', $trim_slider_description_position);
$hasyoutube = false;
$hasvimeo = false;
foreach ($images as $key => $image_row) {
if (strpos($image_row->image_url, 'youtu') !== false) {
$hasyoutube = true;
}
if (strpos($image_row->image_url, 'vimeo') !== false) {
$hasvimeo = true;
}
}
?>
<script>var video_is_playing_videogallery_<?php
echo $sliderID;
?>
=false;</script>
<?php
if ($hasvimeo == true) {
?>
<script src="//f.vimeocdn.com/js/froogaloop2.min.js"></script>
<script>
jQuery(function(){
var vimeoPlayer = document.querySelector('iframe');
jQuery('iframe').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
jQuery(".sidedock,.controls").remove();
function ready(player_id) {
froogaloop = $f(player_id);
function setupEventListeners() {
function onPlay() {
froogaloop.addEvent('play',
function(){
video_is_playing_videogallery_<?php
echo $sliderID;
?>
=true;
});
}
function onPause() {
froogaloop.addEvent('pause',
function(){
video_is_playing_videogallery_<?php
echo $sliderID;
?>
=false;
});
}
function stopVimeoVideo(player){
Froogaloop(player).api('pause');
}
onPlay();
onPause();
jQuery('#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
, #huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
').click(function(){
stopVimeoVideo(player_id);
});
}
setupEventListeners();
}
});
</script>
<?php
}
?>
<?php
if ($hasyoutube == true) {
?>
<script src="<?php
echo plugins_url('js/youtube.lib.js', __FILE__);
?>
"></script>
<script>
<?php
if (!function_exists('get_youtube_id_from_url')) {
function get_youtube_id_from_url($url)
{
if (stristr($url, 'youtu.be/')) {
preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $final_ID);
return $final_ID[4];
} else {
preg_match('/(https:|http:|):(\\/\\/www\\.|\\/\\/|)(.*?)\\/(embed\\/|watch\\?v=|(.*?)&v=|v\\/|e\\/|.+\\/|watch.*v=|)([a-z_A-Z0-9]{11})/i', $url, $IDD);
/*var_dump($IDD);*/
return $IDD[6];
}
}
}
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtu') !== false) {
?>
var player_<?php
echo $image_row->id;
?>
;
<?php
} else {
if (strpos($image_row->image_url, 'vimeo') !== false) {
?>
<?php
} else {
continue;
}
}
$i++;
}
?>
video_is_playing_videogallery_<?php
echo $sliderID;
?>
=false;
function onYouTubeIframeAPIReady() {
<?php
foreach ($images as $key => $image_row) {
?>
<?php
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtu') !== false) {
?>
player_<?php
echo $image_row->id;
?>
= new YT.Player('video_id_videogallery_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
', {
height: '<?php
echo $sliderheight;
?>
',
width: '<?php
echo $sliderwidth;
?>
',
videoId: '<?php
echo get_youtube_id_from_url($image_row->image_url);
?>
',
playerVars: {
'controls': <?php
if ($images[$key]->sl_url == "on") {
echo 1;
} else {
echo 0;
}
?>
,
'showinfo': <?php
if ($images[$key]->link_target == "on") {
echo 1;
} else {
echo 0;
}
?>
},
events: {
'onStateChange': onPlayerStateChange_<?php
echo $image_row->id;
?>
,
'loop':1
}
});
<?php
} else {
continue;
}
}
?>
}
<?php
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtu') !== false) {
?>
function onPlayerStateChange_<?php
echo $image_row->id;
?>
(event) {
//(event.data);
<?php
$images[$key]->name = htmlspecialchars($images[$key]->name, ENT_QUOTES);
?>
if (event.data == YT.PlayerState.PLAYING) {
event.target.setPlaybackQuality('<?php
echo $images[$key]->name;
?>
');
video_is_playing_videogallery_<?php
echo $sliderID;
?>
=true;
}
else{
video_is_playing_videogallery_<?php
echo $sliderID;
?>
=false;
}
}
<?php
} else {
continue;
}
}
?>
function stopYoutubeVideo() {
<?php
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtu') !== false) {
?>
player_<?php
echo $image_row->id;
?>
.pauseVideo();
<?php
} else {
continue;
}
$i++;
}
?>
}
</script>
<?php
}
?>
<script>
var data_videogallery_<?php
echo $sliderID;
?>
= [];
var event_stack_videogallery_<?php
echo $sliderID;
?>
= [];
<?php
// $images=array_reverse($images);
//$recent_posts = wp_get_recent_posts( $args, ARRAY_A );
$i = 0;
foreach ($images as $image) {
$imagerowstype = $image->sl_type;
if ($image->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'video':
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_videogallery_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
/*case 'last_posts':
foreach($recent_posts as $keyl => $recentimage){
if(get_the_post_thumbnail($recentimage["ID"], 'thumbnail') != ''){
if($keyl < $image->sl_url){
echo 'data_videogallery_'.$sliderID.'["'.$i.'"]=[];';
echo 'data_videogallery_'.$sliderID.'["'.$i.'"]["id"]="'.$i.'";';
echo 'data_videogallery_'.$sliderID.'["'.$i.'"]["image_url"]="'.$recentimage['guid'].'";';
$strdesription=str_replace('"',"'",$recentimage['post_content']);
$strdesription=preg_replace( "/\r|\n/", " ", $strdesription );
$strdesription=substr_replace($strdesription, "",$image->description);
echo 'data_videogallery_'.$sliderID.'["'.$i.'"]["description"]="'.$strdesription.'";';
$stralt=str_replace('"',"'",$recentimage['post_title']);
$stralt=preg_replace( "/\r|\n/", " ", $stralt );
echo 'data_videogallery_'.$sliderID.'["'.$i.'"]["alt"]="'.$stralt.'";';
$i++;
}
}
}
break;
*/
}
}
?>
var huge_it_trans_in_progress_videogallery_<?php
echo $sliderID;
?>
= false;
var huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
= <?php
echo $slidechangespeed;
?>
;
var huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
;
// Stop autoplay.
window.clearInterval(huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
);
// alert('huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
');
var huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
= '<?php
echo isset($current_key) ? $current_key : '';
?>
';
function huge_it_move_dots_videogallery_<?php
echo $sliderID;
?>
() {
var image_left = jQuery(".huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").position().left;
var image_right = jQuery(".huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").position().left + jQuery(".huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").outerWidth(true);
}
function huge_it_testBrowser_cssTransitions_videogallery_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_videogallery_<?php
echo $sliderID;
?>
('Transition');
}
function huge_it_testBrowser_cssTransforms3d_videogallery_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_videogallery_<?php
echo $sliderID;
?>
('Perspective');
}
function huge_it_testDom_videogallery_<?php
echo $sliderID;
?>
(prop) {
// Browser vendor CSS prefixes.
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
// Browser vendor DOM prefixes.
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function huge_it_cube_videogallery_<?php
echo $sliderID;
?>
(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_videogallery_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
+ "_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
");
return huge_it_fallback_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
if (!huge_it_testBrowser_cssTransforms3d_videogallery_<?php
echo $sliderID;
?>
()) {
return huge_it_fallback3d_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_videogallery_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
+ "_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
");
jQuery(".huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_videogallery_<?php
echo $sliderID;
?>
").css('overflow', 'visible');
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".huge_it_slider_videogallery_<?php
echo $sliderID;
?>
").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".huge_it_slider_videogallery_<?php
echo $sliderID;
?>
").css({
transition: 'all ' + huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
+ 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".huge_it_slider_videogallery_<?php
echo $sliderID;
?>
").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
/*if (huge_it_from_focus_videogallery_<?php
echo $sliderID;
?>
) {
huge_it_from_focus_videogallery_<?php
echo $sliderID;
?>
= false;
return;
}*/
jQuery(".huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_videogallery_<?php
echo $sliderID;
?>
").css('overflow', 'hidden');
jQuery(".huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
").removeAttr('style');
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".huge_it_slider_videogallery_<?php
echo $sliderID;
?>
").removeAttr('style');
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
// huge_it_change_watermark_container_videogallery_<?php
echo $sliderID;
?>
();
huge_it_trans_in_progress_videogallery_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_videogallery_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_videogallery_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_videogallery_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_videogallery_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(key[0], key[1], data_videogallery_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_cubeH_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
huge_it_cube_videogallery_<?php
echo $sliderID;
?>
(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_videogallery_<?php
echo $sliderID;
?>
(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function huge_it_cubeV_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
huge_it_cube_videogallery_<?php
echo $sliderID;
?>
(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_videogallery_<?php
echo $sliderID;
?>
(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function huge_it_fallback_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_fade_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function huge_it_fallback3d_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_sliceV_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
function huge_it_none_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
+ "_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
");
}
function huge_it_fade_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (huge_it_testBrowser_cssTransitions_videogallery_<?php
echo $sliderID;
?>
()) {
jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
,
complete: function () {return false;}
});
// For IE.
jQuery(current_image_class).fadeTo(huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
, 0);
jQuery(next_image_class).fadeTo(huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
, 1);
}
jQuery(".huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
+ "_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
");
}
function huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_videogallery_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
+ "_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
");
return huge_it_fallback_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_videogallery_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
+ "_videogallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('<div class="huge_it_gridlet_videogallery_<?php
echo $sliderID;
?>
" />').css({
width : width,
height : height,
top : top,
left : left,
backgroundImage : 'url("' + src + '")',
backgroundColor: jQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").css("background-color"),
/*backgroundColor: rgba(0, 0, 0, 0),*/
backgroundRepeat: 'no-repeat',
backgroundPosition : img_left + 'px ' + img_top + 'px',
backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
transition : 'all ' + huge_it_transition_duration_videogallery_<?php
echo $sliderID;
?>
+ 'ms ease-in-out ' + delay + 'ms',
transform : 'none'
});
}
/* Get the current slide's image.*/
var cur_img = jQuery(current_image_class).find('img');
/* Create a grid to hold the gridlets.*/
var grid = jQuery('<div />').addClass('huge_it_grid_videogallery_<?php
echo $sliderID;
?>
');
/* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
jQuery(current_image_class).prepend(grid);
/* vars to calculate positioning/size of gridlets*/
var cont = jQuery(".huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
");
var imgWidth = cur_img.width();
var imgHeight = cur_img.height();
var contWidth = cont.width(),
contHeight = cont.height(),
imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
colWidth = Math.floor(contWidth / cols),
rowHeight = Math.floor(contHeight / rows),
colRemainder = contWidth - (cols * colWidth),
colAdd = Math.ceil(colRemainder / cols),
rowRemainder = contHeight - (rows * rowHeight),
rowAdd = Math.ceil(rowRemainder / rows),
leftDist = 0,
img_leftDist = (jQuery(".huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
").width() - cur_img.width()) / 2;
/* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
tx = tx === 'auto' ? contWidth : tx;
tx = tx === 'min-auto' ? - contWidth : tx;
ty = ty === 'auto' ? contHeight : ty;
ty = ty === 'min-auto' ? - contHeight : ty;
/* Loop through cols*/
for (var i = 0; i < cols; i++) {
var topDist = 0,
img_topDst = (jQuery(".huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
").height() - cur_img.height()) / 2,
newColWidth = colWidth;
/* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
if (colRemainder > 0) {
var add = colRemainder >= colAdd ? colAdd : colRemainder;
newColWidth += add;
colRemainder -= add;
}
/* Nested loop to create row gridlets for each col.*/
for (var j = 0; j < rows; j++) {
var newRowHeight = rowHeight,
newRowRemainder = rowRemainder;
/* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
if (newRowRemainder > 0) {
add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
newRowHeight += add;
newRowRemainder -= add;
}
/* Create & append gridlet to grid.*/
grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
topDist += newRowHeight;
img_topDst -= newRowHeight;
}
img_leftDist -= newColWidth;
leftDist += newColWidth;
}
/* Set event listener on last gridlet to finish transitioning.*/
var last_gridlet = grid.children().last();
/* Show grid & hide the image it replaces.*/
grid.show();
cur_img.css('opacity', 0);
/* Add identifying classes to corner gridlets (useful if applying border radius).*/
grid.children().first().addClass('rs-top-left');
grid.children().last().addClass('rs-bottom-right');
grid.children().eq(rows - 1).addClass('rs-bottom-left');
grid.children().eq(- rows).addClass('rs-top-right');
/* Execution steps.*/
setTimeout(function () {
grid.children().css({
opacity: op,
transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
});
}, 1);
jQuery(next_image_class).css('opacity', 1);
/* After transition.*/
jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
cur_img.css('opacity', 1);
grid.remove();
huge_it_trans_in_progress_videogallery_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_videogallery_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_videogallery_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_videogallery_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_videogallery_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(key[0], key[1], data_videogallery_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_sliceH_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_sliceV_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'min-auto';
}
else if (direction == 'left') {
var translateY = 'auto';
}
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_slideV_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'auto';
}
else if (direction == 'left') {
var translateY = 'min-auto';
}
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_slideH_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_scaleOut_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_scaleIn_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_blockScale_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
}
function huge_it_kaleidoscope_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_fan_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var rotate = 45;
var translateX = 100;
}
else if (direction == 'left') {
var rotate = -45;
var translateX = -100;
}
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_blindV_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_blindH_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_videogallery_<?php
echo $sliderID;
?>
(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_random_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
/* Pick a random transition from the anims array.*/
this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_videogallery_<?php
echo $sliderID;
?>
"](current_image_class, next_image_class, direction);
}
function iterator_videogallery_<?php
echo $sliderID;
?>
() {
var iterator = 1;
return iterator;
}
function huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(current_key, key, data_videogallery_<?php
echo $sliderID;
?>
, from_effect,clicked) {
if (data_videogallery_<?php
echo $sliderID;
?>
[key]) {
if(video_is_playing_videogallery_<?php
echo $sliderID;
?>
&& !clicked){
return false;
}
if (!from_effect) {
// Change image key.
jQuery("#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
").val(key);
// if (current_key == '-2') { /* Dots.*/
current_key = jQuery(".huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
").attr("data-image_key");
// }
}
if (huge_it_trans_in_progress_videogallery_<?php
echo $sliderID;
?>
) {
//errorlogjQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").after(" --IN TRANSACTION-- <br />");
event_stack_videogallery_<?php
echo $sliderID;
?>
.push(current_key + '-' + key);
return;
}
var direction = 'right';
if (huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
> key) {
var direction = 'left';
}
else if (huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
== key) {
return false;
}
// Set active thumbnail position.
huge_it_current_key_videogallery_<?php
echo $sliderID;
?>
= key;
//Change image id, title, description.
jQuery("#huge_it_slideshow_image_videogallery_<?php
echo $sliderID;
?>
").attr('data-image_id', data_videogallery_<?php
echo $sliderID;
?>
[key]["id"]);
jQuery(".huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
").html(data_videogallery_<?php
echo $sliderID;
?>
[key]["alt"]);
jQuery(".huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
").html(data_videogallery_<?php
echo $sliderID;
?>
[key]["description"]);
var current_image_class = "#image_id_videogallery_<?php
echo $sliderID;
?>
_" + data_videogallery_<?php
echo $sliderID;
?>
[current_key]["id"];
var next_image_class = "#image_id_videogallery_<?php
echo $sliderID;
?>
_" + data_videogallery_<?php
echo $sliderID;
?>
[key]["id"];
if(jQuery(current_image_class).find('.huge_it_video_frame_videogallery_<?php
echo $sliderID;
?>
').length>0) {
var streffect='<?php
echo $slidereffect;
?>
';
if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
huge_it_<?php
echo $slidereffect;
?>
_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}else{
huge_it_fade_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
}else{
huge_it_<?php
echo $slidereffect;
?>
_videogallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
jQuery('.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery('.huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery(current_image_class).find('.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
').addClass('none');
jQuery(current_image_class).find('.huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
').addClass('none');
//errorlogjQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
huge_it_move_dots_videogallery_<?php
echo $sliderID;
?>
();
<?php
if ($hasyoutube == true) {
?>
stopYoutubeVideo(); <?php
}
?>
window.clearInterval(huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
);
play_videogallery_<?php
echo $sliderID;
?>
();
}
}
function huge_it_popup_resize_videogallery_<?php
echo $sliderID;
?>
() {
var staticsliderwidth=<?php
echo $sliderwidth;
?>
;
var sliderwidth=<?php
echo $sliderwidth;
?>
;
var bodyWidth=jQuery(window).width();
var parentWidth = jQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").parent().width();
//if responsive js late responsive.js @ take body size and not parent div
if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
var str=(<?php
echo $sliderheight;
?>
/staticsliderwidth);
jQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
jQuery(".huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
if("<?php
echo $slideshow_title_position[1];
?>
"=="middle"){var titlemargintopminus=jQuery(".huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_title_position[0];
?>
"=="center"){var titlemarginleftminus=jQuery(".huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + titlemargintopminus + "px; margin-left:-"+titlemarginleftminus+"px;"});
if("<?php
echo $slideshow_description_position[1];
?>
"=="middle"){var descriptionmargintopminus=jQuery(".huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_description_position[0];
?>
"=="center"){var descriptionmarginleftminus=jQuery(".huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + descriptionmargintopminus + "px; margin-left:-"+descriptionmarginleftminus+"px;"});
if("<?php
echo $paramssld['slider_crop_image'];
?>
"=="resize"){
jQuery(".huge_it_slideshow_image_videogallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_item1_videogallery_<?php
echo $sliderID;
?>
img, .huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
img").css({
cssText: "width:" + sliderwidth + "px; height:" + ((sliderwidth) * str) +"px;"
});
}else {
jQuery(".huge_it_slideshow_image_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item1_videogallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item2_videogallery_<?php
echo $sliderID;
?>
").css({
cssText: "max-width: " + sliderwidth + "px !important; max-height: " + (sliderwidth * str) + "px !important;"
});
}
jQuery('.huge_it_video_frame_videogallery_<?php
echo $sliderID;
?>
').each(function (e) {
jQuery(this).width(sliderwidth);
jQuery(this).height(sliderwidth * str);
});
}
jQuery(window).load(function () {
jQuery(window).resize(function() {
huge_it_popup_resize_videogallery_<?php
echo $sliderID;
?>
();
});
huge_it_popup_resize_videogallery_<?php
echo $sliderID;
?>
();
/* Disable right click.*/
jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
return false;
});
/*HOVER SLIDESHOW*/
jQuery("#huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_videogallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
").hover(function(){
//errorlogjQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").after(" -- hover -- <br /> ");
jQuery("#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
").css({'display':'inline'});
jQuery("#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
").css({'display':'inline'});
},function(){
jQuery("#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
").css({'display':'none'});
jQuery("#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
").css({'display':'none'});
});
var pausehover="<?php
echo $sliderpauseonhover;
?>
";
if(pausehover=="on"){
jQuery("#huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_videogallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
").hover(function(){
window.clearInterval(huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
);
},function(){
window.clearInterval(huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
);
play_videogallery_<?php
echo $sliderID;
?>
();
});
}
play_videogallery_<?php
echo $sliderID;
?>
();
});
function play_videogallery_<?php
echo $sliderID;
?>
() {
/* Play.*/
//errorlogjQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").after(" -- paly ---- ");
huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
= setInterval(function () {
//errorlogjQuery(".huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
").after(" -- time left ---- ");
var iterator = 1;
huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()) + iterator) % data_videogallery_<?php
echo $sliderID;
?>
.length, data_videogallery_<?php
echo $sliderID;
?>
,false,false);
}, '<?php
echo $slidepausetime;
?>
');
}
jQuery(window).focus(function() {
/*event_stack_videogallery_<?php
echo $sliderID;
?>
= [];*/
var i_videogallery_<?php
echo $sliderID;
?>
= 0;
jQuery(".huge_it_slider_videogallery_<?php
echo $sliderID;
?>
").children("div").each(function () {
if (jQuery(this).css('opacity') == 1) {
jQuery("#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
").val(i_videogallery_<?php
echo $sliderID;
?>
);
}
i_videogallery_<?php
echo $sliderID;
?>
++;
});
});
jQuery(window).blur(function() {
event_stack_videogallery_<?php
echo $sliderID;
?>
= [];
window.clearInterval(huge_it_playInterval_videogallery_<?php
echo $sliderID;
?>
);
});
</script>
<style>
.huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
{
height:<?php
echo $sliderheight;
?>
px;
width:<?php
echo $sliderwidth;
?>
px;
position:relative;
display: block;
text-align: center;
/*HEIGHT FROM HEADER.PHP*/
clear:both;
<?php
if ($sliderposition == "left") {
$position = 'float:left;';
} elseif ($sliderposition == "right") {
$position = 'float:right;';
} else {
$position = 'float:none; margin:0px auto;';
}
?>
<?php
echo $position;
?>
border-style:solid;
border-left:0px !important;
border-right:0px !important;
}
.huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.huge_it_slideshow_image_videogallery_<?php
echo $sliderID;
?>
{
/*width:100%;*/
}
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
,
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
cursor: pointer;
display:none;
display: block;
height: 100%;
outline: medium none;
position: absolute;
/*z-index: 10130;*/
z-index: 13;
bottom:25px;
top:50%;
}
#huge_it_slideshow_left-ico_videogallery_<?php
echo $sliderID;
?>
,
#huge_it_slideshow_right-ico_videogallery_<?php
echo $sliderID;
?>
{
z-index: 13;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
margin-top: -15px;
position: absolute;
top: 50%;
/*z-index: 10135;*/
}
#huge_it_slideshow_left-ico_videogallery_<?php
echo $sliderID;
?>
:hover,
#huge_it_slideshow_right-ico_videogallery_<?php
echo $sliderID;
?>
:hover {
cursor: pointer;
}
.huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
{
display: table;
position: relative;
top:0px;
left:0px;
text-align: center;
vertical-align: middle;
width:100%;
}
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
{
text-decoration: none;
position: absolute;
z-index: 11;
display: inline-block;
<?php
if ($paramssld['slider_title_has_margin'] == 'on') {
$slider_title_width = $paramssld['slider_title_width'] - 6;
$slider_title_height = $paramssld['slider_title_height'] - 6;
$slider_title_margin = "3";
} else {
$slider_title_width = $paramssld['slider_title_width'];
$slider_title_height = $paramssld['slider_title_height'];
$slider_title_margin = "0";
}
?>
width:<?php
echo $slider_title_width;
?>
%;
/*height:<?php
echo $slider_title_height;
?>
%;*/
<?php
if ($slideshow_title_position[0] == "left") {
echo 'left:' . $slider_title_margin . '%;';
} elseif ($slideshow_title_position[0] == "center") {
echo 'left:50%;';
} elseif ($slideshow_title_position[0] == "right") {
echo 'right:' . $slider_title_margin . '%;';
}
if ($slideshow_title_position[1] == "top") {
echo 'top:' . $slider_title_margin . '%;';
} elseif ($slideshow_title_position[1] == "middle") {
echo 'top:50%;';
} elseif ($slideshow_title_position[1] == "bottom") {
echo 'bottom:' . $slider_title_margin . '%;';
}
?>
padding:2%;
text-align:<?php
echo $paramssld['slider_title_text_align'];
?>
;
font-weight:bold;
color:#<?php
echo $paramssld['slider_title_color'];
?>
;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['slider_title_background_color'], 2));
$titleopacity = $paramssld["slider_title_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
border-style:solid;
font-size:<?php
echo $paramssld['slider_title_font_size'];
?>
px;
border-width:<?php
echo $paramssld['slider_title_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_title_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_title_border_radius'];
?>
px;
}
.huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
{
text-decoration: none;
position: absolute;
z-index: 11;
border-style:solid;
display: inline-block;
<?php
if ($paramssld['slider_description_has_margin'] == 'on') {
$slider_description_width = $paramssld['slider_description_width'] - 6;
$slider_description_height = $paramssld['slider_description_height'] - 6;
$slider_description_margin = "3";
} else {
$slider_description_width = $paramssld['slider_description_width'];
$slider_descriptione_height = $paramssld['slider_description_height'];
$slider_description_margin = "0";
}
?>
width:<?php
echo $slider_description_width;
?>
%;
/*height:<?php
echo $slider_description_height;
?>
%;*/
<?php
if ($slideshow_description_position[0] == "left") {
echo 'left:' . $slider_description_margin . '%;';
} elseif ($slideshow_description_position[0] == "center") {
echo 'left:50%;';
} elseif ($slideshow_description_position[0] == "right") {
echo 'right:' . $slider_description_margin . '%;';
}
if ($slideshow_description_position[1] == "top") {
echo 'top:' . $slider_description_margin . '%;';
} elseif ($slideshow_description_position[1] == "middle") {
echo 'top:50%;';
} elseif ($slideshow_description_position[1] == "bottom") {
echo 'bottom:' . $slider_description_margin . '%;';
}
?>
padding:3%;
text-align:<?php
echo $paramssld['slider_description_text_align'];
?>
;
color:#<?php
echo $paramssld['slider_description_color'];
?>
;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['slider_description_background_color'], 2));
$descriptionopacity = $paramssld["slider_description_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $descriptionopacity . ') !important';
?>
;
border-style:solid;
font-size:<?php
echo $paramssld['slider_description_font_size'];
?>
px;
border-width:<?php
echo $paramssld['slider_description_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_description_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_description_border_radius'];
?>
px;
}
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
.none, .huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
.none,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
.hidden, .huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
.hidden {display:none;}
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h1, .huge_it_slideshow_description_text_videogallery_<?php
echo $sliderID;
?>
h1,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h2, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h2,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h3, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h3,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h4, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
h4,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
p, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
p,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
strong, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
strong,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
span, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
span,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
ul, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
ul,
.huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
li, .huge_it_slideshow_title_text_videogallery_<?php
echo $sliderID;
?>
li {
padding:2px;
margin:0px;
}
.huge_it_slide_container_videogallery_<?php
echo $sliderID;
?>
{
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
width:100%;
height:100%;
_width: inherit;
_height: inherit;
}
.huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
{
margin: 0 auto;
width:100%;
height:100%;
_width: inherit;
_height: inherit;
}
.huge_it_slider_videogallery_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
display:table;
padding:0px;
margin:0px;
}
.huge_it_slideshow_image_item_videogallery_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
width: inherit;
height: inherit;
display: table-cell;
filter: Alpha(opacity=100);
opacity: 1;
position: absolute;
top:0px;
left:0px;
vertical-align: middle;
z-index: 2;
margin:0px !important;
padding:0px;
overflow:hidden;
border-radius: <?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px !important;
}
.huge_it_slideshow_image_second_item_videogallery_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
_width: inherit;
_height: inherit;
display: table-cell;
filter: Alpha(opacity=0);
opacity: 0;
position: absolute;
top:0px;
left:0px;
vertical-align: middle;
z-index: 1;
overflow:hidden;
margin:0px !important;
padding:0px;
border-radius: <?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px !important;
}
.huge_it_grid_videogallery_<?php
echo $sliderID;
?>
{
display: none;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.huge_it_gridlet_videogallery_<?php
echo $sliderID;
?>
{
opacity: 1;
filter: Alpha(opacity=100);
position: absolute;
}
.huge_it_slideshow_dots_container_videogallery_<?php
echo $sliderID;
?>
{
display: table;
position: absolute;
width:100% !important;
height:100% !important;
}
.huge_it_slideshow_dots_thumbnails_videogallery_<?php
echo $sliderID;
?>
{
margin: 0 auto;
overflow: hidden;
position: absolute;
width:100%;
height:30px;
}
.huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
{
display: inline-block;
position: relative;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
width:10px;
height: 10px;
border-radius: 10px;
background: #00f;
margin: 10px;
overflow: hidden;
z-index: 17;
}
.huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
{
opacity: 1;
background:#0f0;
filter: Alpha(opacity=100);
}
.huge_it_slideshow_dots_deactive_videogallery_<?php
echo $sliderID;
?>
{
}
.huge_it_slideshow_image_item1_videogallery_<?php
echo $sliderID;
?>
{
display: table;
width: inherit;
height: inherit;
}
.huge_it_slideshow_image_item2_videogallery_<?php
echo $sliderID;
?>
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.huge_it_slideshow_image_item2_videogallery_<?php
echo $sliderID;
?>
a {
display:block;
vertical-align:middle;
width:100%;
height:100%;
}
.slide_thumb{
position: absolute;
}
.huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_slider_background_color'];
?>
;
border-width:<?php
echo $paramssld['slider_slideshow_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_slideshow_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px;
}
.huge_it_slideshow_dots_thumbnails_videogallery_<?php
echo $sliderID;
?>
{
<?php
if ($paramssld['slider_dots_position'] == "bottom") {
?>
bottom:0px;
<?php
} else {
if ($paramssld['slider_dots_position'] == "none") {
?>
display:none;
}else{
top:0px; <?php
}
}
?>
}
.huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_dots_color'];
?>
;
}
.huge_it_slideshow_dots_active_videogallery_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_active_dot_color'];
?>
;
}
.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
.playbutton{
width: 100%;
height: 100%;
position: absolute;
}
<?php
$arrowfolder = plugins_url('gallery-video/Front_images/arrows');
switch ($paramssld['slider_navigation_type']) {
case 1:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-21px;
height:43px;
width:29px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.simple.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-21px;
height:43px;
width:29px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.simple.png) right top no-repeat;
}
<?php
break;
case 2:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.shadow.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.shadow.png) right top no-repeat;
}
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -50px;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -50px;
}
<?php
break;
case 3:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:44px;
width:44px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.simple.dark.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:44px;
width:44px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.simple.dark.png) right top no-repeat;
}
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -44px;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -44px;
}
<?php
break;
case 4:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-33px;
height:65px;
width:59px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.cube.dark.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-33px;
height:65px;
width:59px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.cube.dark.png) right top no-repeat;
}
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -66px;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -66px;
}
<?php
break;
case 5:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-18px;
height:37px;
width:40px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.blue.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-18px;
height:37px;
width:40px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.blue.png) right top no-repeat;
}
<?php
break;
case 6:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.cube.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.cube.png) right top no-repeat;
}
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -50px;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -50px;
}
<?php
break;
case 7:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
right:0px;
margin-top:-19px;
height:38px;
width:38px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.transparent.circle.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-19px;
height:38px;
width:38px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.transparent.circle.png) right top no-repeat;
}
<?php
break;
case 8:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.png) right top no-repeat;
}
<?php
break;
case 9:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.blue.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.blue.png) right top no-repeat;
}
<?php
break;
case 10:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-24px;
height:48px;
width:48px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.green.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-24px;
height:48px;
width:48px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.green.png) right top no-repeat;
}
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -48px;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -48px;
}
<?php
break;
case 11:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-29px;
height:58px;
width:55px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.blue.retro.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-29px;
height:58px;
width:55px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.blue.retro.png) right top no-repeat;
}
<?php
break;
case 12:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-37px;
height:74px;
width:74px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.green.retro.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-37px;
height:74px;
width:74px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.green.retro.png) right top no-repeat;
}
<?php
break;
case 13:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-16px;
height:33px;
width:33px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.red.circle.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-16px;
height:33px;
width:33px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.red.circle.png) right top no-repeat;
}
<?php
break;
case 14:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-51px;
height:102px;
width:52px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.triangle.white.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-51px;
height:102px;
width:52px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.triangle.white.png) right top no-repeat;
}
<?php
break;
case 15:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-19px;
height:39px;
width:70px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.ancient.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-19px;
height:39px;
width:70px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.ancient.png) right top no-repeat;
}
<?php
break;
case 16:
?>
#huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
{
left:-21px;
margin-top:-20px;
height:40px;
width:37px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.black.out.png) left top no-repeat;
}
#huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
{
right:-21px;
margin-top:-20px;
height:40px;
width:37px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.black.out.png) right top no-repeat;
}
<?php
break;
}
?>
.thumb_image{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
}
.entry-content a{
border-bottom: none !important;
}
</style>
<div class="huge_it_slideshow_image_wrap_videogallery_<?php
echo $sliderID;
?>
">
<?php
$current_pos = 0;
?>
<!-- ##########################DOTS######################### -->
<div class="huge_it_slideshow_dots_container_videogallery_<?php
echo $sliderID;
?>
">
<div class="huge_it_slideshow_dots_thumbnails_videogallery_<?php
echo $sliderID;
?>
">
<?php
$current_image_id = 0;
$current_pos = 0;
$current_key = 0;
$stri = 0;
foreach ($images as $key => $image_row) {
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_videogallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_videogallery_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_videogallery_' . $sliderID : 'huge_it_slideshow_dots_deactive_videogallery_' . $sliderID;
?>
" onclick="huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_videogallery_<?php
echo $sliderID;
?>
,false,true);return false;" data-image_id="<?php
echo $image_row->id;
?>
" data-image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
}
?>
</div>
<?php
if ($paramssld['slider_show_arrows'] == "on") {
?>
<a id="huge_it_slideshow_left_videogallery_<?php
echo $sliderID;
?>
" href="#" onclick="huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()) - iterator_videogallery_<?php
echo $sliderID;
?>
()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()) - iterator_videogallery_<?php
echo $sliderID;
?>
()) % data_videogallery_<?php
echo $sliderID;
?>
.length : data_videogallery_<?php
echo $sliderID;
?>
.length - 1, data_videogallery_<?php
echo $sliderID;
?>
,false,true);return false;">
<div id="huge_it_slideshow_left-ico_videogallery_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_prev_btn_videogallery_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<a id="huge_it_slideshow_right_videogallery_<?php
echo $sliderID;
?>
" href="#" onclick="huge_it_change_image_videogallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
').val()) + iterator_videogallery_<?php
echo $sliderID;
?>
()) % data_videogallery_<?php
echo $sliderID;
?>
.length, data_videogallery_<?php
echo $sliderID;
?>
,false,true);return false;">
<div id="huge_it_slideshow_right-ico_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_next_btn_videogallery_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<?php
}
?>
</div>
<!-- ##########################IMAGES######################### -->
<script>
jQuery(document).ready(function($) {
$('.thumb_wrapper').on('click', function(ev) {
var hugeid=$(this).data('rowid');
var myid=hugeid;
myid=parseInt(myid);
eval('player_'+myid+'.playVideo()')
ev.preventDefault();
});
});
//console.log($(".video_view9_img"));
</script>
<div id="huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_container_videogallery_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_container_videogallery_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_bg_videogallery_<?php
echo $sliderID;
?>
">
<ul class="huge_it_slider_videogallery_<?php
echo $sliderID;
?>
">
<?php
$i = 0;
foreach ($images as $key => $image_row) {
$video_thumb = $image_row->thumb_url;
$videourl = $image_row->image_url;
$icon = youtube_or_vimeo($videourl);
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_videogallery_<?php
echo $sliderID;
?>
" id="image_id_videogallery_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if (strpos($image_row->image_url, 'youtu') !== false) {
$video_thumb_url = get_youtube_id_from_url($image_row->image_url);
?>
<?php
if ($video_thumb != '') {
?>
<div class="thumb_wrapper" data-rowid="<?php
echo $image_row->id;
?>
" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<div class="playbutton <?php
echo $icon;
?>
-icon"></div>
<img src="<?php
echo $image_row->thumb_url;
?>
">
</div>
<?php
} else {
?>
<div class="thumb_wrapper" data-rowid="<?php
echo $image_row->id;
?>
" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<img class="thumb_image" src="https://i.ytimg.com/vi/<?php
echo $video_thumb_url;
?>
/hqdefault.jpg">
<div class="playbutton <?php
echo $icon;
?>
-icon"></div>
</div>
<?php
}
?>
<div id="thevideo" style="display: block;">
<div id="video_id_videogallery_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
" class="huge_it_video_frame_videogallery_<?php
echo $sliderID;
?>
framvideo"></div>
</div>
<?php
} else {
$vimeo = $image_row->image_url;
$vimeo_explode = explode("/", $vimeo);
$imgid = end($vimeo_explode);
//var_dump($image_row->thumb_url);
?>
<?php
if ($video_thumb != '') {
?>
<div class="thumb_wrapper" data-rowid="<?php
echo $image_row->id;
?>
" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<div class="playbutton <?php
echo $icon;
?>
-icon"></div>
<img src="<?php
echo $image_row->thumb_url;
?>
">
</div>
<?php
}
?>
<div id="thevideo" style="display: block;">
<iframe id="player_<?php
echo $key;
?>
" class="huge_it_video_frame_videogallery_<?php
echo $sliderID;
?>
framvideo" src="//player.vimeo.com/video/<?php
echo $imgid;
?>
?api=1&player_id=player_<?php
echo $key;
?>
&showinfo=0&controls=0" style="border: 0;" allowfullscreen></iframe>
</div>
<?php
}
?>
</li>
<?php
$i++;
}
?>
</ul>
<input type="hidden" id="huge_it_current_image_key_videogallery_<?php
echo $sliderID;
?>
" value="0" />
</div>
</div>
</div>
</div>
<?php
break;
/* ########## VIEW 4 Thumbnails VIEW ##########*/
/* ########## VIEW 4 Thumbnails VIEW ##########*/
case 4:
?>
<link href="<?php
echo plugins_url('../style/thumb_view.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<script src="<?php
echo plugins_url('../js/thumb_view.min.js', __FILE__);
?>
"></script>
<script src="<?php
echo plugins_url('../js/jquery.lazyload.min.js', __FILE__);
?>
"></script>
<script>
/***<add> change elements height ***/
jQuery(window).resize(function(){
setResponsiveElements() ;//add
jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
iframe').height(jQuery('#huge_it_videogallery_popup_list_<?php
echo $videogalleryID;
?>
.popup-wrapper_<?php
echo $videogalleryID;
?>
.image-block_<?php
echo $videogalleryID;
?>
').width()*0.5);
});
function setResponsiveElements() {
if(jQuery(window).width() < <?php
echo $paramssld['thumb_image_width'];
?>
) {
var currentWidth = jQuery('.huge_it_big_li').width();
var currentHeight = jQuery('.huge_it_big_li').height();
var elWidth = <?php
echo $paramssld['thumb_image_width'];
?>
;
var elHeight = <?php
echo $paramssld['thumb_image_height'];
?>
;
var divWidthHeight = elWidth/elHeight;
//alert(currentWidth/divWidthHeight);
jQuery('.huge_it_big_li').height(currentWidth/divWidthHeight);
jQuery('.huge_it_videogallery_item').height(currentWidth/divWidthHeight);
jQuery('.huge_it_videogallery_item img').css('height','100%');
// jQuery('.image-block_<?php
echo $videogalleryID;
?>
').height(currentWidth/divWidthHeight);
// jQuery('.image-block_<?php
echo $videogalleryID;
?>
img').height(currentWidth/divWidthHeight);
//reSortImages(currentWidth,currentWidth/divWidthHeight);
//alert(divWidthHeight);
}
else {
jQuery('.huge_it_big_li').height(<?php
echo $paramssld['thumb_image_height'];
?>
);
}
}
/***</add>***/
</script>
<style>
section #huge_it_videogallery {
padding: <?php
echo $paramssld["thumb_box_padding"] . "px";
?>
;
min-width: 69%;
display: block;
min-height: 100%;
text-align: center;
margin-bottom: 30px;
<?php
if ($paramssld["thumb_box_has_background"] == 'on') {
?>
background-color: #<?php
echo $paramssld["thumb_box_background"];
?>
; <?php
}
?>
<?php
if ($paramssld["thumb_box_use_shadow"] == 'on') {
echo 'box-shadow: 0 0 10px;';
}
?>
}
#huge_it_videogallery .huge_it_big_li {
overflow:hidden;
width: 100%;
max-width: <?php
echo $paramssld["thumb_image_width"];
?>
px;
height:<?php
echo $paramssld["thumb_image_height"];
?>
px;
margin: <?php
echo $paramssld["thumb_margin_image"];
?>
px !important;
border: <?php
echo $paramssld["thumb_image_border_width"];
?>
px solid #<?php
echo $paramssld["thumb_image_border_color"];
?>
;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
padding:0px !important
}
.load_more3 {
margin: 10px 0;
position:relative;
text-align:<?php
if ($paramssld['video_ht_view7_loadmore_position'] == 'left') {
echo 'left';
} elseif ($paramssld['video_ht_view7_loadmore_position'] == 'center') {
echo 'center';
} elseif ($paramssld['video_ht_view7_loadmore_position'] == 'right') {
echo 'right';
}
?>
;
width:100%;
}
.load_more_button3 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:<?php
echo $paramssld['video_ht_view7_loadmore_fontsize'];
?>
px !important;;
color:<?php
echo '#' . $paramssld['video_ht_view7_loadmore_font_color'];
?>
!important;;
background:<?php
echo '#' . $paramssld['video_ht_view7_button_color'];
?>
!important;
cursor:pointer;
}
.load_more_button3:hover{
color:<?php
echo '#' . $paramssld['video_ht_view7_loadmore_font_color_hover'];
?>
!important;
background:<?php
echo '#' . $paramssld['video_ht_view7_button_color_hover'];
?>
!important;
}
.loading3 {
display:none;
}
.paginate3{
font-size:<?php
echo $paramssld['video_ht_view7_paginator_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view7_paginator_color'];
?>
!important;
text-align: <?php
echo $paramssld['video_ht_view7_paginator_position'];
?>
;
}
.paginate3 a{
border-bottom: none !important;
}
.icon-style3{
font-size: <?php
echo $paramssld['video_ht_view7_paginator_icon_size'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view7_paginator_icon_color'];
?>
!important;
}
.clear{
clear:both;
}
section #huge_it_videogallery li .infoLayer ul li {
max-height:80px;
overflow:hidden;
}
section #huge_it_videogallery li .overLayer ul li h2,
section #huge_it_videogallery li .infoLayer ul li h2 {
font-size: <?php
echo $paramssld["thumb_title_font_size"];
?>
px;
color: #<?php
echo $paramssld["thumb_title_font_color"];
?>
;
margin:0px !important;
}
section #huge_it_videogallery li .infoLayer ul li p {
color: #<?php
echo $paramssld["thumb_title_font_color"];
?>
;
margin:0px !important;
}
section #huge_it_videogallery li .overLayer,
section #huge_it_videogallery li .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%;
max-width: <?php
echo $paramssld["thumb_image_width"];
?>
px;
height: <?php
echo $paramssld["thumb_image_height"];
?>
px;
position: absolute;
text-align: center;
opacity: 0;
top: 0px;
left: 0;
z-index: 4;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
}
section #huge_it_videogallery li a {
position: absolute;
display: block;
width: 100%;
max-width: <?php
echo $paramssld["thumb_image_width"];
?>
px;
height: <?php
echo $paramssld["thumb_image_height"];
?>
px;
top: 0px;
left: 0px;
z-index: 6;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
}
#huge_it_videogallery li img {
width: 100%;
max-width: <?php
echo $paramssld["thumb_image_width"] - 2 * $paramssld["thumb_image_border_width"];
?>
px;
<?php
if ($paramssld["thumb_image_behavior"] == 'on') {
?>
height: 100% !important;
max-height: <?php
echo $paramssld["thumb_image_height"];
?>
px !important;
<?php
}
?>
border: <?php
echo $paramssld["thumb_image_border_width"];
?>
px solid #<?php
echo $paramssld["thumb_image_border_color"];
?>
;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
margin:0px !important;
}
section #huge_it_videogallery li:hover .overLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: <?php
echo $paramssld["thumb_title_background_transparency"] / 100 + 0.001;
?>
;
display: block;
background: #<?php
echo $paramssld["thumb_title_background_color"];
?>
;
}
section #huge_it_videogallery li:hover .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 1;
display: block;
}
section #huge_it_videogallery p {text-align:center;}
</style>
<section id="thumbwrapper<?php
echo $videogalleryID;
?>
">
<input type="hidden" class="pagenum" value="1" />
<ul id="huge_it_videogallery">
<li id="fullPreview"></li>
<?php
foreach ($images as $image) {
$idofgallery = $image->videogallery_id;
//print_r($image);
}
global $wpdb;
$pattern = '/-/';
$query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_galleries where id = '%d' order by ordering ASC ", $idofgallery);
$gallery = $wpdb->get_results($query2);
foreach ($gallery as $gall) {
global $post;
$pID = $post->ID;
$disp_type = $gall->display_type;
$count_page = $gall->content_per_page;
if ($count_page == 0) {
$count_page = 999;
} elseif (preg_match($pattern, $count_page)) {
$count_page = preg_replace($pattern, '', $count_page);
}
//var_dump($count_page) ;
}
global $wpdb;
$num = $count_page;
//$total = count($images) ;
$total = intval((count($images) - 1) / $num + 1);
//$total_img=count($images);
if (isset($_GET['page-img' . $videogalleryID . $pID])) {
$page = $_GET['page-img' . $videogalleryID . $pID];
} else {
$page = '';
}
$page = intval($page);
if (empty($page) or $page < 0) {
$page = 1;
}
if ($page > $total) {
$page = $total;
}
$start = $page * $num - $num;
$query = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_videos where videogallery_id = '%d' order by ordering ASC LIMIT " . $start . "," . $num . "", $idofgallery);
$page_images = $wpdb->get_results($query);
if ($disp_type == 2) {
$page_images = $images;
$count_page = 9999;
}
?>
<input type="hidden" id="total" value="<?php
echo $total;
?>
" />
<?php
foreach ($page_images as $key => $row) {
$imgurl = explode(";", $row->image_url);
?>
<li class="huge_it_big_li">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<a class="videogroup<?php
echo $videogalleryID;
?>
" href="<?php
echo $row->image_url;
?>
"></a>
<img src="<?php
echo $row->image_url;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
$thumb_pic = "http://img.youtube.com/vi/<?php echo {$videourl['0']}; ?>/mqdefault.jpg";
if ($videourl[1] == 'youtube') {
if (empty($row->thumb_url)) {
$thumb_pic = 'http://img.youtube.com/vi/' . $videourl[0] . '/mqdefault.jpg';
} else {
$thumb_pic = $row->thumb_url;
}
?>
<a class="youtube huge_it_videogallery_item videogroup<?php
echo $videogalleryID;
?>
" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
"></a>
<img src="<?php
echo $thumb_pic;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
if (empty($row->thumb_url)) {
$imgsrc = $hash[0]['thumbnail_large'];
} else {
$imgsrc = $row->thumb_url;
}
?>
<a class="vimeo huge_it_videogallery_item videogroup<?php
echo $videogalleryID;
?>
" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
"></a>
<img src="<?php
echo $imgsrc;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<?php
}
?>
<?php
break;
}
?>
<div class="overLayer"></div>
<div class="infoLayer">
<ul>
<li>
<h2>
<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
</h2>
</li>
<li>
<p>
<?php
echo $paramssld["thumb_view_text"];
?>
</p>
</li>
</ul>
</div>
</li>
<?php
}
?>
</ul>
<?php
$path_site = plugins_url("/../Front_images", __FILE__);
$a = $disp_type;
if ($a == 1) {
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
$pattern3 = "/\\?page-img[0-9]+=[0-9]+/";
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
} elseif (preg_match($pattern3, $actual_link)) {
$actual_link = preg_replace($pattern3, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
?>
<div class="load_more3">
<div class="load_more_button3"><?php
echo $paramssld['video_ht_view7_loadmore_text'];
?>
</div>
<div class="loading3"><img src="<?php
if ($paramssld['video_ht_view7_loading_type'] == '1') {
echo $path_site . '/arrows/loading1.gif';
} elseif ($paramssld['video_ht_view7_loading_type'] == '2') {
echo $path_site . '/arrows/loading4.gif';
} elseif ($paramssld['video_ht_view7_loading_type'] == '3') {
echo $path_site . '/arrows/loading36.gif';
} elseif ($paramssld['video_ht_view7_loading_type'] == '4') {
echo $path_site . '/arrows/loading51.gif';
}
?>
"></div>
<script>
jQuery(document).ready(function(){
if(jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3").length){
jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3").on("click tap",function(){
if(jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
.pagenum:last").val()<jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
#total").val()) {
var pagenum = parseInt(jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
.pagenum:last").val()) + 1;
var perpage =<?php
echo $count_page;
?>
;
var galleryid="<?php
echo $image->videogallery_id;
?>
";
var thumbtext="<?php
echo $paramssld["thumb_view_text"];
?>
";
var width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
";
var height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
";
//alert(pagenum+','+perpage+','+galleryid+','+width+','+height);
getresult(pagenum,perpage,galleryid,thumbtext,width,height);
}else{
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3').hide();
}
return false;
});
}
if(jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3').hide();
}
function getresult(pagenum,perpage,galleryid,thumbtext,width,height){
var data = {
action:"huge_it_video_gallery_ajax",
task:'load_videos_thumbnail',
page:pagenum,
perpage:perpage,
galleryid:galleryid,
thumbtext:thumbtext,
width:width,
height:height
}
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.loading3').show();
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3').hide();
jQuery.post('<?php
echo admin_url("admin-ajax.php");
?>
',data,function(response){
if(response.success){
jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
#huge_it_videogallery").append(response.success);
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
#huge_it_videogallery img').on('load',function(){
jQuery(".videogroup<?php
echo $videogalleryID;
?>
").colorbox({rel:'videogroup<?php
echo $videogalleryID;
?>
'});
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").colorbox({inline:true, width:"50%"});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
jQuery('.non-retina').colorbox({rel:'group5', transition:'none'})
jQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3').show();
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.loading3').hide();
if(jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#thumbwrapper<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#thumbwrapper<?php
echo $videogalleryID;
?>
.load_more_button3').hide();
}
});
}else{
alert("no");
}
},"json");
}
});
</script>
</div>
<?php
} elseif ($a == 0) {
?>
<div class="paginate3">
<?php
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$checkREQ = '';
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
//$res=preg_match($pattern, $actual_link);
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
}
$checkREQ = $actual_link . '&page-img' . $videogalleryID . $pID;
} else {
$checkREQ = '?page-img' . $videogalleryID . $pID;
}
//var_dump($res);
// Проверяем нужны ли стрелки назад
$pervpage = '';
if ($page != 1) {
$pervpage = '<a href= ' . $checkREQ . '=1><i class="icon-style3 hugeiticons-fast-backward" ></i></a>
<a href= ' . $checkREQ . '=' . ($page - 1) . '><i class="icon-style3 hugeiticons-chevron-left"></i></a> ';
}
// Проверяем нужны ли стрелки вперед
$nextpage = '';
if ($page != $total) {
$nextpage = ' <a href= ' . $checkREQ . '=' . ($page + 1) . '><i class="icon-style3 hugeiticons-chevron-right"></i></a>
<a href= ' . $checkREQ . '=' . $total . '><i class="icon-style3 hugeiticons-fast-forward" ></i></a>';
}
// Вывод меню
echo $pervpage . $page . '/' . $total . $nextpage;
?>
</div>
<?php
}
?>
</section>
<?php
break;
/* ########## VIEW 8 justified's ##########*/
/* ########## VIEW 8 justified's ##########*/
case 6:
?>
<?php
$path_site = plugins_url("", __FILE__);
?>
<link rel="stylesheet" href="<?php
echo $path_site;
?>
/../style/justifiedGallery.css" />
<script>
var imagemargin=<?php
echo $paramssld["ht_view8_element_padding"];
?>
;
var imagerandomize=<?php
echo $paramssld["ht_view8_element_randomize"];
?>
;
var imagecssAnimation=<?php
echo $paramssld["ht_view8_element_cssAnimation"];
?>
;
var imagecssAnimationSpeed=<?php
echo $paramssld["ht_view8_element_animation_speed"];
?>
;
var imageheight= <?php
echo $paramssld["ht_view8_element_height"];
?>
;
var imagejustify= <?php
echo $paramssld["ht_view8_element_justify"];
?>
;
var imageshowcaption= <?php
echo $paramssld["ht_view8_element_show_caption"];
?>
;
//var imagemaxheight=<?php
//echo $paramssld["ht_view8_element_maxheight"];
?>
;
//var imagefixed=<?php
//echo $paramssld["ht_view8_element_size_fix"];
?>
;
</script>
<script src="<?php
echo $path_site;
?>
/../js/justifiedGallery.js"></script>
<style>
.justified-gallery {
width: 100%;
position: relative;
}
.justified-gallery > a,
.justified-gallery > div {
position: absolute;
display: inline-block;
opacity: 0;
overflow:hidden;
filter: alpha(opacity=0);
border:none;
/* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
/* width: 200px !important;*/
position: absolute;
top: 50%;
left: 50%;
padding: 0;
//border: <?php
php;
?>
px solid #<?php
php;
?>
;
//border-radius: <?php
php;
?>
px;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
left: 0;
right: 0;
margin: 0;
color: #<?php
echo $paramssld["ht_view8_element_title_font_color"];
?>
;
font-size: <?php
echo $paramssld["ht_view8_element_title_font_size"];
?>
px;
font-weight: 300;
font-family: sans-serif;
//margin-left: <?php
//echo $paramssld["ht_view8_element_border_width"];
?>
px;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view8_element_title_background_color'], 2));
$titleopacity = $paramssld["ht_view8_element_title_overlay_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: 0.7;
filter: "alpha(opacity=70)";
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
opacity: 1.0;
filter: alpha(opacity=100);
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
/* IE8 or Earlier */
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.load_more2 {
margin: 10px 0;
position:relative;
text-align:<?php
if ($paramssld['video_ht_view8_loadmore_position'] == 'left') {
echo 'left';
} elseif ($paramssld['video_ht_view8_loadmore_position'] == 'center') {
echo 'center';
} elseif ($paramssld['video_ht_view8_loadmore_position'] == 'right') {
echo 'right';
}
?>
;
width:100%;
}
.load_more_button2 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:<?php
echo $paramssld['video_ht_view8_loadmore_fontsize'];
?>
px !important;;
color:<?php
echo '#' . $paramssld['video_ht_view8_loadmore_font_color'];
?>
!important;;
background:<?php
echo '#' . $paramssld['video_ht_view8_button_color'];
?>
!important;
cursor:pointer;
}
.load_more_button2:hover{
color:<?php
echo '#' . $paramssld['video_ht_view8_loadmore_font_color_hover'];
?>
!important;
background:<?php
echo '#' . $paramssld['video_ht_view8_button_color_hover'];
?>
!important;
}
.loading2 {
display:none;
}
.paginate2{
font-size:<?php
echo $paramssld['video_ht_view8_paginator_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view8_paginator_color'];
?>
!important;
text-align: <?php
echo $paramssld['video_ht_view8_paginator_position'];
?>
;
margin-top: 25px;
}
.paginate2 a{
border-bottom: none !important;
}
.icon-style2{
font-size: <?php
echo $paramssld['video_ht_view8_paginator_icon_size'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view8_paginator_icon_color'];
?>
!important;
}
.clear{
clear:both;
}
.play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.play-icon.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;background-size:20%;}
.play-icon.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;background-size:20%;}
</style>
<?php
$path_site = plugins_url("", __FILE__);
?>
<div id="my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
" class="clearfix">
<div id="my_video_gallery_<?php
echo $videogalleryID;
?>
" class="clearfix">
<?php
foreach ($images as $image) {
$idofgallery = $image->videogallery_id;
//print_r($image);
}
global $wpdb;
$pattern = '/-/';
$query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_galleries where id = '%d' order by ordering ASC ", $idofgallery);
$gallery = $wpdb->get_results($query2);
foreach ($gallery as $gall) {
global $post;
$pID = $post->ID;
$disp_type = $gall->display_type;
$count_page = $gall->content_per_page;
if ($count_page == 0) {
$count_page = 999;
} elseif (preg_match($pattern, $count_page)) {
$count_page = preg_replace($pattern, '', $count_page);
}
//var_dump($count_page) ;
}
global $wpdb;
$num = $count_page;
//$total = count($images) ;
$total = intval((count($images) - 1) / $num + 1);
//$total_img=count($images);
if (isset($_GET['page-img' . $videogalleryID . $pID])) {
$page = $_GET['page-img' . $videogalleryID . $pID];
} else {
$page = '';
}
$page = intval($page);
if (empty($page) or $page < 0) {
$page = 1;
}
if ($page > $total) {
$page = $total;
}
$start = $page * $num - $num;
$query = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_videos where videogallery_id = '%d' order by ordering ASC LIMIT " . $start . "," . $num . "", $idofgallery);
$page_images = $wpdb->get_results($query);
if ($disp_type == 2) {
$page_images = $images;
$count_page = 9999;
}
?>
<input type="hidden" id="total" value="<?php
echo $total;
?>
" />
<?php
foreach ($page_images as $key => $row) {
$imgurl = explode(";", $row->image_url);
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
if ($row->image_url != ';') {
?>
<a class="videogroup<?php
echo $videogalleryID;
?>
" href="<?php
echo $imgurl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img id="wd-cl-img<?php
echo $key;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" src="<?php
echo get_huge_image($imgurl[0], $image_prefix);
?>
"/>
</a>
<?php
} else {
?>
<img alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" />
<input type="hidden" class="pagenum" value="1" />
<?php
}
?>
<?php
break;
case 'video':
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
if (empty($row->thumb_url)) {
$thumb_pic = 'http://img.youtube.com/vi/' . $videourl[0] . '/mqdefault.jpg';
} else {
$thumb_pic = $row->thumb_url;
}
?>
<a class="youtube huge_it_videogallery_item videogroup<?php
echo $videogalleryID;
?>
" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img src="<?php
echo $thumb_pic;
?>
" alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<input type="hidden" class="pagenum" value="1" />
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
if (empty($row->thumb_url)) {
$imgsrc = $hash[0]['thumbnail_large'];
} else {
$imgsrc = $row->thumb_url;
}
?>
<a class="vimeo huge_it_videogallery_item videogroup<?php
echo $videogalleryID;
?>
" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
" title="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
">
<img alt="<?php
echo str_replace('__5_5_5__', '%', $row->name);
?>
" src="<?php
echo $imgsrc;
?>
"/>
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<input type="hidden" class="pagenum" value="1" />
<?php
}
}
}
?>
</div>
</div>
<script>
jQuery(document).ready(function($){
$( window ).load(function(){
$('.huge_it_videogallery_item').each(function(){
var img=$(this).find('img');
if($(this).find('img').attr('alt')==''){
// alert('yo');
img.parent().find(".caption" ).css('display','none');
}
})
})
})
</script>
<?php
$path_site = plugins_url("/../Front_images", __FILE__);
$a = $disp_type;
if ($a == 1) {
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
$pattern3 = "/\\?page-img[0-9]+=[0-9]+/";
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
} elseif (preg_match($pattern3, $actual_link)) {
$actual_link = preg_replace($pattern3, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
?>
<div class="load_more2">
<div class="load_more_button2 load_more_button_<?php
echo $videogalleryID;
?>
"><?php
echo $paramssld['video_ht_view8_loadmore_text'];
?>
</div>
<div class="loading2 loading_<?php
echo $videogalleryID;
?>
"><img src="<?php
if ($paramssld['video_ht_view8_loading_type'] == '1') {
echo $path_site . '/arrows/loading1.gif';
} elseif ($paramssld['video_ht_view8_loading_type'] == '2') {
echo $path_site . '/arrows/loading4.gif';
} elseif ($paramssld['video_ht_view8_loading_type'] == '3') {
echo $path_site . '/arrows/loading36.gif';
} elseif ($paramssld['video_ht_view8_loading_type'] == '4') {
echo $path_site . '/arrows/loading51.gif';
}
?>
"></div>
<script>
jQuery(document).ready(function(){
if(jQuery("#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
").length){
jQuery("#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
").on("click tap",function(){
//alert(jQuery(this).length);
if(jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
.pagenum:last").val()<jQuery("#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
#total").val()) {
var pagenum = parseInt(jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
.pagenum:last").val()) + 1;
//alert(pagenum);
var perpage =<?php
echo $count_page;
?>
;
var galleryid="<?php
echo $image->videogallery_id;
?>
";
var width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
";
var height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
";
getresult(pagenum,perpage,galleryid,width,height);
}else{
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
').hide();
}
return false;
});
}
if(jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
').hide();
}
function getresult(pagenum,perpage,galleryid,width,height){
var data = {
action:"huge_it_video_gallery_ajax",
task:'load_videos_justified',
page:pagenum,
perpage:perpage,
galleryid:galleryid,
width:width,
height:height
}
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.loading_<?php
echo $videogalleryID;
?>
').show();
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
').hide();
jQuery.post('<?php
echo admin_url("admin-ajax.php");
?>
',data,function(response){
jQuery('.huge_it_videogallery_item').each(function(){
var img=jQuery(this).find('img');
if(jQuery(this).find('img').attr('alt')==''){
// alert('yo');
img.parent().find(".caption" ).css('display','none');
}
})
if(response.success){
jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
").append(response.success);
jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
").justifiedGallery();
jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
img").on('load',function(){
jQuery(".videogroup<?php
echo $videogalleryID;
?>
").colorbox({rel:'videogroup<?php
echo $videogalleryID;
?>
'});
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").colorbox({inline:true, width:"50%"});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
jQuery('.non-retina').colorbox({rel:'group5', transition:'none'})
jQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
').show();
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.loading_<?php
echo $videogalleryID;
?>
').hide();
if(jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#my_video_gallery_wrapper_<?php
echo $videogalleryID;
?>
.load_more_button_<?php
echo $videogalleryID;
?>
').hide();
}
});
}else{
alert("no");
}
},"json");
}
});
</script>
</div>
<?php
} elseif ($a == 0) {
?>
<div class="paginate2">
<?php
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$checkREQ = '';
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
//$res=preg_match($pattern, $actual_link);
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
}
$checkREQ = $actual_link . '&page-img' . $videogalleryID . $pID;
} else {
$checkREQ = '?page-img' . $videogalleryID . $pID;
}
//var_dump($res);
// Проверяем нужны ли стрелки назад
$pervpage = '';
if ($page != 1) {
$pervpage = '<a href= ' . $checkREQ . '=1><i class="icon-style2 hugeiticons-fast-backward" ></i></a>
<a href= ' . $checkREQ . '=' . ($page - 1) . '><i class="icon-style2 hugeiticons-chevron-left"></i></a> ';
}
// Проверяем нужны ли стрелки вперед
$nextpage = '';
if ($page != $total) {
$nextpage = ' <a href= ' . $checkREQ . '=' . ($page + 1) . '><i class="icon-style2 hugeiticons-chevron-right"></i></a>
<a href= ' . $checkREQ . '=' . $total . '><i class="icon-style2 hugeiticons-fast-forward" ></i></a>';
}
// Находим две ближайшие станицы с обоих краев, если они есть
/*if($page - 2 > 0) $page2left = ' <a href= ./?page='. ($page - 2) .'>'. ($page - 2) .'</a> | ';
if($page - 1 > 0) $page1left = '<a href= ./?page='. ($page - 1) .'>'. ($page - 1) .'</a> | ';
if($page + 2 <= $total) $page2right = ' | <a href= ./?page='. ($page + 2) .'>'. ($page + 2) .'</a>';
if($page + 1 <= $total) $page1right = ' | <a href= ./?page='. ($page + 1) .'>'. ($page + 1) .'</a>'; */
// Вывод меню
echo $pervpage . $page . '/' . $total . $nextpage;
?>
</div>
</div>
<?php
}
?>
<script>
jQuery(document).ready(function(){
jQuery("#my_video_gallery_<?php
echo $videogalleryID;
?>
").justifiedGallery();
});
</script>
<?php
break;
/////////////////////Block style view///////////////////////
/////////////////////Block style view///////////////////////
case 7:
?>
<style>
.video_view9_container:nth-last-child(3){
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border:none !important;
}
.video_view9_container{
width: <?php
echo $paramssld['video_ht_view9_general_width'];
?>
%;
float:<?php
if ($paramssld['video_view9_general_position'] == 'left' || $paramssld['video_view9_general_position'] == 'center') {
echo 'none';
} elseif ($paramssld['video_view9_general_position'] == 'right') {
echo 'right';
}
?>
;
<?php
if ($paramssld['video_view9_general_position'] == 'center') {
echo 'margin:0 auto;';
}
?>
;
margin-bottom: <?php
echo $paramssld['video_ht_view9_general_space'];
?>
px !important;
padding-bottom: <?php
echo $paramssld['video_ht_view9_general_space'];
?>
px !important;
border-bottom: <?php
echo $paramssld['video_ht_view9_general_separator_size'];
?>
px
<?php
if ($paramssld['video_view9_general_separator_style'] == 'none') {
echo 'none';
} elseif ($paramssld['video_view9_general_separator_style'] == 'solid') {
echo 'solid';
} elseif ($paramssld['video_view9_general_separator_style'] == 'dashed') {
echo 'dashed';
} elseif ($paramssld['video_view9_general_separator_style'] == 'dotted') {
echo 'dotted';
} elseif ($paramssld['video_view9_general_separator_style'] == 'groove') {
echo 'groove';
} elseif ($paramssld['video_view9_general_separator_style'] == 'double') {
echo 'double';
}
?>
#<?php
echo $paramssld['video_ht_view9_general_separator_color'];
?>
;
}
.video_new_view_title{
font-size:<?php
echo $paramssld['video_ht_view9_title_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view9_title_color'];
?>
!important;
<?php
if ($paramssld['video_ht_view9_element_title_show'] == 'false') {
echo 'display:none;';
}
?>
;
<?php
if ($paramssld['video_view9_title_textalign'] == 'left') {
echo 'text-align:left;';
} elseif ($paramssld['video_view9_title_textalign'] == 'right') {
echo 'text-align:right;';
} elseif ($paramssld['video_view9_title_textalign'] == 'center') {
echo 'text-align:center;';
} elseif ($paramssld['video_view9_title_textalign'] == 'justify') {
echo 'text-align:justify;';
}
?>
;
background-color:<?php
echo '#' . $paramssld['video_ht_view9_title_back_color'];
?>
!important;
<?php
if ($paramssld['video_ht_view9_title_opacity'] != 100) {
echo 'opacity:' . $paramssld['video_ht_view9_title_opacity'] / 100 . ';';
}
?>
;
}
.video_new_view_desc ul{
list-style-type: none;
}
.video_new_view_desc{
margin-top: 15px;
font-size:<?php
echo $paramssld['video_ht_view9_desc_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view9_desc_color'];
?>
!important;
<?php
if ($paramssld['video_ht_view9_element_desc_show'] == 'false') {
echo 'display:none;';
}
?>
;
<?php
if ($paramssld['video_view9_desc_textalign'] == 'left') {
echo 'text-align:left;';
} elseif ($paramssld['video_view9_desc_textalign'] == 'right') {
echo 'text-align:right;';
} elseif ($paramssld['video_view9_desc_textalign'] == 'center') {
echo 'text-align:center;';
} elseif ($paramssld['video_view9_desc_textalign'] == 'justify') {
echo 'text-align:justify;';
}
?>
;
background-color:<?php
echo '#' . $paramssld['video_ht_view9_desc_back_color'];
?>
!important;
<?php
if ($paramssld['video_ht_view9_desc_opacity'] != 100) {
echo 'opacity:' . $paramssld['video_ht_view9_desc_opacity'] / 100 . ';';
}
?>
;
}
.paginate{
font-size:<?php
echo $paramssld['video_ht_view9_paginator_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view9_paginator_color'];
?>
!important;
text-align: <?php
echo $paramssld['video_view9_paginator_position'];
?>
;
}
.paginate a{
border-bottom: none !important;
}
.icon-style{
font-size: <?php
echo $paramssld['video_ht_view9_paginator_icon_size'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view9_paginator_icon_color'];
?>
!important;
}
.clear{
clear:both;
}
.video_view9_img{
display:block;
margin: 0 auto;
}
.video_view9_vid_wrapper{
position: relative;
margin-bottom: 15px;
}
.video_view9_vid_wrapper iframe{
/*position: relative;*/
opacity: 1;
cursor: pointer;
float:<?php
if ($paramssld['video_view9_video_position'] == 'left') {
echo 'left';
} elseif ($paramssld['video_view9_video_position'] == 'center') {
echo 'none';
} elseif ($paramssld['video_view9_video_position'] == 'right') {
echo 'right';
}
?>
;
}
.thumb_image{
position: absolute;
width: 100%;
height: 100%;
}
.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
.playbutton{
width: 100%;
height: 100%;
position: absolute;
}
.load_more {
margin: 10px 0;
position:relative;
text-align:<?php
if ($paramssld['video_view9_loadmore_position'] == 'left') {
echo 'left';
} elseif ($paramssld['video_view9_loadmore_position'] == 'center') {
echo 'center';
} elseif ($paramssld['video_view9_loadmore_position'] == 'right') {
echo 'right';
}
?>
;
width:100%;
}
.load_more_button {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:<?php
echo $paramssld['video_ht_view9_loadmore_fontsize'];
?>
px !important;
color:<?php
echo '#' . $paramssld['video_ht_view9_loadmore_font_color'];
?>
!important;
background:<?php
echo '#' . $paramssld['video_ht_view9_button_color'];
?>
!important;
cursor:pointer;
margin-top: 15px;
}
.load_more_button:hover{
color:<?php
echo '#' . $paramssld['video_ht_view9_loadmore_font_color_hover'];
?>
!important;
background:<?php
echo '#' . $paramssld['video_ht_view9_button_color_hover'];
?>
!important;
}
.loading {
display:none;
}
</style>
<script>
$(document).ready(function() {
$('.thumb_wrapper').on('click', function(ev) {
var hugeid=$(this).parent().parent().index();
var myid=hugeid;
myid=parseInt(myid)/2;
//alert(myid);
//console.log($(this).parent().parent().index());
$(".video_view9_img")[myid].src += "?autoplay=1";
ev.preventDefault();
});
});
//console.log($(".video_view9_img"));
</script>
<div class="video_view9_cont_wrapper" id="video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
">
<div id="video_view9_cont_list_video<?php
echo $videogalleryID;
?>
">
<?php
foreach ($images as $image) {
$idofgallery = $image->videogallery_id;
//print_r($image);
}
global $wpdb;
$pattern = '/-/';
$query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_galleries where id = '%d' order by ordering ASC ", $idofgallery);
$gallery = $wpdb->get_results($query2);
foreach ($gallery as $gall) {
global $post;
$pID = $post->ID;
$disp_type = $gall->display_type;
$count_page = $gall->content_per_page;
if ($count_page == 0) {
$count_page = 999;
} elseif (preg_match($pattern, $count_page)) {
$count_page = preg_replace($pattern, '', $count_page);
}
//var_dump($count_page) ;
}
global $wpdb;
$num = $count_page;
//$total = count($images) ;
$total = intval((count($images) - 1) / $num + 1);
//$total_img=count($images);
if (isset($_GET['page-img' . $videogalleryID . $pID])) {
$page = $_GET['page-img' . $videogalleryID . $pID];
} else {
$page = '';
}
$page = intval($page);
if (empty($page) or $page < 0) {
$page = 1;
}
if ($page > $total) {
$page = $total;
}
$start = $page * $num - $num;
$query = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_it_videogallery_videos where videogallery_id = '%d' order by ordering ASC LIMIT " . $start . "," . $num . "", $idofgallery);
$page_images = $wpdb->get_results($query);
if ($disp_type == 2) {
$page_images = $images;
$count_page = 9999;
}
?>
<input type="hidden" id="total" value="<?php
echo $total;
?>
" />
<?php
foreach ($page_images as $key => $row) {
$videourl = $row->image_url;
//var_dump($row);
$pattern = '/watch\\?v=/';
$videourl = preg_replace($pattern, 'embed/', $videourl);
$icon = youtube_or_vimeo($videourl);
//var_dump($icon);
$video_name = str_replace('__5_5_5__', '%', $row->name);
$video_desc = str_replace('__5_5_5__', '%', $row->description);
$video_thumb = $row->thumb_url;
if ($paramssld['video_view9_image_position'] == 1) {
//var_dump($row);
?>
<div class="video_view9_container">
<input type="hidden" class="pagenum" value="1" />
<div class="video_view9_vid_wrapper">
<?php
if ($video_thumb != '') {
?>
<div class="thumb_wrapper" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<img class="thumb_image" style="cursor: pointer;" src="<?php
echo $video_thumb;
?>
" alt="" />
<div class="playbutton <?php
echo $icon;
?>
-icon"></div>
</div>
<?php
}
?>
<div id="thevideo" style="display: block;">
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="//www.youtube.com/embed/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
} else {
?>
<iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="//player.vimeo.com/video/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
}
?>
</div>
</div>
<h1 class="video_new_view_title"><?php
echo $video_name;
?>
</h1>
<div class="video_new_view_desc"><?php
echo $video_desc;
?>
</div>
</div>
<div class="clear"></div>
<?php
} elseif ($paramssld['video_view9_image_position'] == 2) {
?>
<div class="video_view9_container">
<input type="hidden" class="pagenum" value="1" />
<h1 class="video_new_view_title"><?php
echo $video_name;
?>
</h1>
<div class="video_view9_vid_wrapper">
<?php
if ($video_thumb != '') {
?>
<div class="thumb_wrapper" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<img class="thumb_image" style="cursor: pointer;" src="<?php
echo $video_thumb;
?>
" alt="" />
<div class="playbutton <?php
echo $icon;
?>
-icon"></div>
</div>
<?php
}
?>
<div id="thevideo" style="display: block;">
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="//www.youtube.com/embed/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
} else {
?>
<iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="//player.vimeo.com/video/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
}
?>
<!-- <iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="<?php
echo $videourl;
?>
" frameborder="0" allowfullscreen> -->
</iframe>
</div>
</div>
<div class="video_new_view_desc"><?php
echo $video_desc;
?>
</div>
</div>
<div class="clear"></div>
<?php
} elseif ($paramssld['video_view9_image_position'] == 3) {
?>
<div class="video_view9_container">
<input type="hidden" class="pagenum" value="1" />
<h1 class="video_new_view_title"><?php
echo $video_name;
?>
</h1>
<div class="video_new_view_desc"><?php
echo $video_desc;
?>
</div>
<div class="video_view9_vid_wrapper">
<?php
if ($video_thumb != '') {
?>
<div class="thumb_wrapper" onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'">
<img class="thumb_image" style="cursor: pointer;" src="<?php
echo $video_thumb;
?>
" alt="" />
<div class="playbutton <?php
echo $icon;
?>
-icon"></div>
</div>
<?php
}
?>
<div id="thevideo" style="display: block;">
<?php
$videourl = get_video_gallery_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="//www.youtube.com/embed/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
} else {
?>
<iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="//player.vimeo.com/video/<?php
echo $videourl[0];
?>
" style="border: 0;" allowfullscreen></iframe>
<?php
}
?>
<!-- <iframe class="video_view9_img" width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
" height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
" src="<?php
echo $videourl;
?>
" frameborder="0" allowfullscreen> -->
</iframe>
</div>
</div>
</div>
<div class="clear"></div>
<?php
}
}
?>
</div>
<?php
$path_site = plugins_url("/../Front_images", __FILE__);
$a = $disp_type;
if ($a == 1) {
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
$pattern3 = "/\\?page-img[0-9]+=[0-9]+/";
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
} elseif (preg_match($pattern3, $actual_link)) {
$actual_link = preg_replace($pattern3, '', $actual_link);
header("Location:" . $actual_link . "");
exit;
}
?>
<div class="load_more">
<div class="load_more_button"><?php
echo $paramssld['video_ht_view9_loadmore_text'];
?>
</div>
<div class="loading"><img src="<?php
if ($paramssld['loading_type'] == '1') {
echo $path_site . '/arrows/loading1.gif';
} elseif ($paramssld['loading_type'] == '2') {
echo $path_site . '/arrows/loading4.gif';
} elseif ($paramssld['loading_type'] == '3') {
echo $path_site . '/arrows/loading36.gif';
} elseif ($paramssld['loading_type'] == '4') {
echo $path_site . '/arrows/loading51.gif';
}
?>
"></div>
<script>
jQuery(document).ready(function(){
if(jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button").length){
jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button").on("click tap",function(){
if(jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.pagenum:last").val()<jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
#total").val()) {
var pagenum = parseInt(jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.pagenum:last").val()) + 1;
var perpage =<?php
echo $count_page;
?>
;
var galleryid="<?php
echo $image->videogallery_id;
?>
";
var width="<?php
echo $paramssld['video_ht_view9_video_width'];
?>
";
var height="<?php
echo $paramssld['video_ht_view9_video_height'];
?>
";
var position="<?php
echo $paramssld['video_view9_image_position'];
?>
";
getresult(pagenum,perpage,galleryid,width,height,position);
}else{
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button').hide();
}
return false;
});
}
if(jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button').hide();
}
function getresult(pagenum,perpage,galleryid,width,height,position){
var data = {
action:"huge_it_video_gallery_ajax",
task:'load_videos',
page:pagenum,
perpage:perpage,
galleryid:galleryid,
width:width,
height:height,
position:position
}
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.loading').show();
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button').hide();
jQuery.post('<?php
echo admin_url("admin-ajax.php");
?>
',data,function(response){
if(response.success){
setTimeout(function(){
jQuery("#video_view9_cont_list_video<?php
echo $videogalleryID;
?>
").append(response.success);
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button').show();
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.loading').hide();
},10);
setTimeout(function(){
if(jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.pagenum:last").val()==jQuery("#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
#total").val()) {
jQuery('#video_view9_cont_wrapper_video<?php
echo $videogalleryID;
?>
.load_more_button').hide();
}
},1000);
}else{
alert("no");
}
},"json");
}
});
</script>
</div>
<?php
} elseif ($a == 0) {
?>
<div class="paginate">
<?php
$protocol = stripos($_SERVER['SERVER_PROTOCOL'], 'https') === true ? 'https://' : 'http://';
$actual_link = $protocol . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . "";
$checkREQ = '';
$pattern = "/\\?p=/";
$pattern2 = "/&page-img[0-9]+=[0-9]+/";
$pattern3 = "/?page-img[0-9]+=[0-9]+/";
//$res=preg_match($pattern, $actual_link);
if (preg_match($pattern, $actual_link)) {
if (preg_match($pattern2, $actual_link)) {
$actual_link = preg_replace($pattern2, '', $actual_link);
}
$checkREQ = $actual_link . '&page-img' . $videogalleryID . $pID;
} else {
$checkREQ = '?page-img' . $videogalleryID . $pID;
}
//var_dump($res);
// Проверяем нужны ли стрелки назад
$pervpage = '';
if ($page != 1) {
$pervpage = '<a href= ' . $checkREQ . '=1><i class="icon-style hugeiticons-fast-backward" ></i></a>
<a href= ' . $checkREQ . '=' . ($page - 1) . '><i class="icon-style hugeiticons-chevron-left"></i></a> ';
}
// Проверяем нужны ли стрелки вперед
$nextpage = '';
if ($page != $total) {
$nextpage = ' <a href= ' . $checkREQ . '=' . ($page + 1) . '><i class="icon-style hugeiticons-chevron-right"></i></a>
<a href= ' . $checkREQ . '=' . $total . '><i class="icon-style hugeiticons-fast-forward" ></i></a>';
}
// Находим две ближайшие станицы с обоих краев, если они есть
/*if($page - 2 > 0) $page2left = ' <a href= ./?page='. ($page - 2) .'>'. ($page - 2) .'</a> | ';
if($page - 1 > 0) $page1left = '<a href= ./?page='. ($page - 1) .'>'. ($page - 1) .'</a> | ';
if($page + 2 <= $total) $page2right = ' | <a href= ./?page='. ($page + 2) .'>'. ($page + 2) .'</a>';
if($page + 1 <= $total) $page1right = ' | <a href= ./?page='. ($page + 1) .'>'. ($page + 1) .'</a>'; */
// Вывод меню
echo $pervpage . $page . '/' . $total . $nextpage;
?>
</div>
<?php
}
?>
</div>
<?php
break;
}
?>
<?php
return ob_get_clean();
}
function front_end_slider($images, $paramssld, $slider)
{
ob_start();
$sliderID = $slider[0]->id;
$slidertitle = $slider[0]->name;
$sliderheight = $slider[0]->sl_height;
$sliderwidth = $slider[0]->sl_width;
$slidereffect = $slider[0]->slider_list_effects_s;
$slidepausetime = $slider[0]->description + $slider[0]->param;
$sliderpauseonhover = $slider[0]->pause_on_hover;
$sliderposition = $slider[0]->sl_position;
$slidechangespeed = $slider[0]->param;
$slideshow_title_position = explode('-', trim($paramssld['slider_title_position']));
$slideshow_description_position = explode('-', trim($paramssld['slider_description_position']));
$hasyoutube = false;
$hasvimeo = false;
foreach ($images as $key => $image_row) {
if (strpos($image_row->image_url, 'youtube') !== false) {
$hasyoutube = true;
}
if (strpos($image_row->image_url, 'vimeo') !== false) {
$hasvimeo = true;
}
}
?>
<?php
if ($hasvimeo == true) {
?>
<script src="<?php
echo plugins_url('js/vimeo.lib.js', __FILE__);
?>
"></script>
<script>
jQuery(function(){
var vimeoPlayer = document.querySelector('iframe');
var volumes = [];
var colors = [];
var i=0;
<?php
$i = 0;
//$vimeoparams=array_reverse($images);
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'vimeo') !== false) {
?>
volumes[<?php
echo $i;
?>
] = '<?php
echo intval($image_row->description) / 100;
?>
';
colors[<?php
echo $i;
?>
] = '<?php
echo $image_row->link_target;
?>
';
<?php
$i++;
}
}
?>
jQuery('iframe').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
jQuery(".sidedock,.controls").remove();
function ready(player_id) {
froogaloop = $f(player_id);
function setupEventListeners() {
function setVideoVolume(player_id,value) {
Froogaloop(player_id).api('setVolume',value);
}
function setVideoColor(player_id,value) {
Froogaloop(player_id).api('setColor',value);
}
function onPlay() {
froogaloop.addEvent('play',
function(){
video_is_playing_<?php
echo $sliderID;
?>
=true;
});
}
function onPause() {
froogaloop.addEvent('pause',
function(){
video_is_playing_<?php
echo $sliderID;
?>
=false;
});
}
function stopVimeoVideo(player){
Froogaloop(player).api('pause');
}
setVideoVolume(player_id,volumes[i]);
setVideoColor(player_id,colors[i]);
i++;
onPlay();
onPause();
jQuery('#huge_it_slideshow_left_<?php
echo $sliderID;
?>
, #huge_it_slideshow_right_<?php
echo $sliderID;
?>
,.huge_it_slideshow_dots_<?php
echo $sliderID;
?>
').click(function(){
stopVimeoVideo(player_id);
});
}
setupEventListeners();
}
});
</script>
<?php
}
?>
<?php
if ($hasyoutube == true) {
?>
<script src="<?php
echo plugins_url('js/youtube.lib.js', __FILE__);
?>
"></script>
<script>
<?php
function get_youtube_id_from_url($url)
{
if (stristr($url, 'youtu.be/')) {
preg_match('/(https:|http:|)(\\/\\/www\\.|\\/\\/|)(.*?)\\/(.{11})/i', $url, $final_ID);
return $final_ID[4];
} else {
preg_match('/(https:|http:|):(\\/\\/www\\.|\\/\\/|)(.*?)\\/(embed\\/|watch\\?v=|(.*?)&v=|v\\/|e\\/|.+\\/|watch.*v=|)([a-z_A-Z0-9]{11})/i', $url, $IDD);
return $IDD[6];
}
}
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
var player_<?php
echo $image_row->id;
?>
;
<?php
} else {
if (strpos($image_row->image_url, 'vimeo') !== false) {
?>
<?php
} else {
continue;
}
}
$i++;
}
?>
video_is_playing_<?php
echo $sliderID;
?>
=false;
function onYouTubeIframeAPIReady() {
<?php
foreach ($images as $key => $image_row) {
?>
<?php
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
player_<?php
echo $image_row->id;
?>
= new YT.Player('video_id_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
', {
height: '<?php
echo $sliderheight;
?>
',
width: '<?php
echo $sliderwidth;
?>
',
videoId: '<?php
echo get_youtube_id_from_url($image_row->image_url);
?>
',
playerVars: {
'controls': <?php
if ($images[$key]->sl_url == "on") {
echo 1;
} else {
echo 0;
}
?>
,
'showinfo': <?php
if ($images[$key]->link_target == "on") {
echo 1;
} else {
echo 0;
}
?>
},
events: {
'onReady': onPlayerReady_<?php
echo $image_row->id;
?>
,
'onStateChange': onPlayerStateChange_<?php
echo $image_row->id;
?>
,
'loop':1
}
});
<?php
} else {
continue;
}
}
?>
}
<?php
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
function onPlayerReady_<?php
echo $image_row->id;
?>
(event) {
player_<?php
echo $image_row->id;
?>
.setVolume(<?php
echo $images[$key]->description;
?>
);
}
function onPlayerStateChange_<?php
echo $image_row->id;
?>
(event) {
//(event.data);
if (event.data == YT.PlayerState.PLAYING) {
event.target.setPlaybackQuality('<?php
echo $images[$key]->name;
?>
');
video_is_playing_<?php
echo $sliderID;
?>
=true;
}
else{
video_is_playing_<?php
echo $sliderID;
?>
=false;
}
}
<?php
} else {
continue;
}
}
?>
function stopYoutubeVideo() {
<?php
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
player_<?php
echo $image_row->id;
?>
.pauseVideo();
<?php
} else {
continue;
}
$i++;
}
?>
}
</script>
<?php
}
?>
<script>
var data_<?php
echo $sliderID;
?>
= [];
var event_stack_<?php
echo $sliderID;
?>
= [];
video_is_playing_<?php
echo $sliderID;
?>
=false;
<?php
// $images=array_reverse($images);
$recent_posts = wp_get_recent_posts($args, ARRAY_A);
$i = 0;
foreach ($images as $image) {
$imagerowstype = $image->sl_type;
if ($image->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'video':
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'last_posts':
foreach ($recent_posts as $keyl => $recentimage) {
if (get_the_post_thumbnail($recentimage["ID"], 'thumbnail') != '') {
if ($keyl < $image->sl_url) {
echo 'data_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_' . $sliderID . '["' . $i . '"]["image_url"]="' . $recentimage['guid'] . '";';
$strdesription = str_replace('"', "'", $recentimage['post_content']);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
$strdesription = substr_replace($strdesription, "", $image->description);
echo 'data_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $recentimage['post_title']);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
}
}
}
break;
}
}
?>
var huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= false;
var huge_it_transition_duration_<?php
echo $sliderID;
?>
= <?php
echo $slidechangespeed;
?>
;
var huge_it_playInterval_<?php
echo $sliderID;
?>
;
// Stop autoplay.
window.clearInterval(huge_it_playInterval_<?php
echo $sliderID;
?>
);
var huge_it_current_key_<?php
echo $sliderID;
?>
= '<?php
echo isset($current_key) ? $current_key : '';
?>
';
function huge_it_move_dots_<?php
echo $sliderID;
?>
() {
var image_left = jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").position().left;
var image_right = jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").position().left + jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").outerWidth(true);
}
function huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_<?php
echo $sliderID;
?>
('Transition');
}
function huge_it_testBrowser_cssTransforms3d_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_<?php
echo $sliderID;
?>
('Perspective');
}
function huge_it_testDom_<?php
echo $sliderID;
?>
(prop) {
// Browser vendor CSS prefixes.
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
// Browser vendor DOM prefixes.
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function huge_it_cube_<?php
echo $sliderID;
?>
(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
return huge_it_fallback_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
if (!huge_it_testBrowser_cssTransforms3d_<?php
echo $sliderID;
?>
()) {
return huge_it_fallback3d_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
//alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'z-index': 'none'});
jQuery(next_image_class).css({'z-index' : 2});
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
,.huge_it_slide_bg_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_<?php
echo $sliderID;
?>
").css('overflow', 'visible');
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").css({
transition: 'all ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
/*if (huge_it_from_focus_<?php
echo $sliderID;
?>
) {
huge_it_from_focus_<?php
echo $sliderID;
?>
= false;
return;
}*/
jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_<?php
echo $sliderID;
?>
").css('overflow', 'hidden');
jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").removeAttr('style');
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").removeAttr('style');
// alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
// huge_it_change_watermark_container_<?php
echo $sliderID;
?>
();
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_<?php
echo $sliderID;
?>
(key[0], key[1], data_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_cubeH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function huge_it_cubeV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_<?php
echo $sliderID;
?>
(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function huge_it_fallback_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_fade_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function huge_it_fallback3d_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_sliceV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
function huge_it_none_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
}
function huge_it_fade_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
()) {
jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_<?php
echo $sliderID;
?>
);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: huge_it_transition_duration_<?php
echo $sliderID;
?>
,
complete: function () {return false;}
});
// For IE.
jQuery(current_image_class).fadeTo(huge_it_transition_duration_<?php
echo $sliderID;
?>
, 0);
jQuery(next_image_class).fadeTo(huge_it_transition_duration_<?php
echo $sliderID;
?>
, 1);
}
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
}
function huge_it_grid_<?php
echo $sliderID;
?>
(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
return huge_it_fallback_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_<?php
echo $sliderID;
?>
+ "_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (huge_it_transition_duration_<?php
echo $sliderID;
?>
) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('<div class="huge_it_gridlet_<?php
echo $sliderID;
?>
" />').css({
width : width,
height : height,
top : top,
left : left,
backgroundImage : 'url("' + src + '")',
backgroundColor: jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").css("background-color"),
/*backgroundColor: rgba(0, 0, 0, 0),*/
backgroundRepeat: 'no-repeat',
backgroundPosition : img_left + 'px ' + img_top + 'px',
backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
transition : 'all ' + huge_it_transition_duration_<?php
echo $sliderID;
?>
+ 'ms ease-in-out ' + delay + 'ms',
transform : 'none'
});
}
/* Get the current slide's image.*/
var cur_img = jQuery(current_image_class).find('img');
/* Create a grid to hold the gridlets.*/
var grid = jQuery('<div />').addClass('huge_it_grid_<?php
echo $sliderID;
?>
');
/* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
jQuery(current_image_class).prepend(grid);
/* vars to calculate positioning/size of gridlets*/
var cont = jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
");
var imgWidth = cur_img.width();
var imgHeight = cur_img.height();
var contWidth = cont.width(),
contHeight = cont.height(),
imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
colWidth = Math.floor(contWidth / cols),
rowHeight = Math.floor(contHeight / rows),
colRemainder = contWidth - (cols * colWidth),
colAdd = Math.ceil(colRemainder / cols),
rowRemainder = contHeight - (rows * rowHeight),
rowAdd = Math.ceil(rowRemainder / rows),
leftDist = 0,
img_leftDist = (jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").width() - cur_img.width()) / 2;
/* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
tx = tx === 'auto' ? contWidth : tx;
tx = tx === 'min-auto' ? - contWidth : tx;
ty = ty === 'auto' ? contHeight : ty;
ty = ty === 'min-auto' ? - contHeight : ty;
/* Loop through cols*/
for (var i = 0; i < cols; i++) {
var topDist = 0,
img_topDst = (jQuery(".huge_it_slide_bg_<?php
echo $sliderID;
?>
").height() - cur_img.height()) / 2,
newColWidth = colWidth;
/* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
if (colRemainder > 0) {
var add = colRemainder >= colAdd ? colAdd : colRemainder;
newColWidth += add;
colRemainder -= add;
}
/* Nested loop to create row gridlets for each col.*/
for (var j = 0; j < rows; j++) {
var newRowHeight = rowHeight,
newRowRemainder = rowRemainder;
/* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
if (newRowRemainder > 0) {
add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
newRowHeight += add;
newRowRemainder -= add;
}
/* Create & append gridlet to grid.*/
grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
topDist += newRowHeight;
img_topDst -= newRowHeight;
}
img_leftDist -= newColWidth;
leftDist += newColWidth;
}
/* Set event listener on last gridlet to finish transitioning.*/
var last_gridlet = grid.children().last();
/* Show grid & hide the image it replaces.*/
grid.show();
cur_img.css('opacity', 0);
/* Add identifying classes to corner gridlets (useful if applying border radius).*/
grid.children().first().addClass('rs-top-left');
grid.children().last().addClass('rs-bottom-right');
grid.children().eq(rows - 1).addClass('rs-bottom-left');
grid.children().eq(- rows).addClass('rs-top-right');
/* Execution steps.*/
setTimeout(function () {
grid.children().css({
opacity: op,
transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
});
}, 1);
jQuery(next_image_class).css('opacity', 1);
/* After transition.*/
jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
cur_img.css('opacity', 1);
grid.remove();
huge_it_trans_in_progress_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_<?php
echo $sliderID;
?>
(key[0], key[1], data_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_sliceH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_sliceV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'min-auto';
}
else if (direction == 'left') {
var translateY = 'auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_slideV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'auto';
}
else if (direction == 'left') {
var translateY = 'min-auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_slideH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_scaleOut_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_scaleIn_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_blockScale_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
}
function huge_it_kaleidoscope_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_fan_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var rotate = 45;
var translateX = 100;
}
else if (direction == 'left') {
var rotate = -45;
var translateX = -100;
}
huge_it_grid_<?php
echo $sliderID;
?>
(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_blindV_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_blindH_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_<?php
echo $sliderID;
?>
(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_random_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
/* Pick a random transition from the anims array.*/
this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php
echo $sliderID;
?>
"](current_image_class, next_image_class, direction);
}
function iterator_<?php
echo $sliderID;
?>
() {
var iterator = 1;
return iterator;
}
function huge_it_change_image_<?php
echo $sliderID;
?>
(current_key, key, data_<?php
echo $sliderID;
?>
, from_effect,clicked) {
if (data_<?php
echo $sliderID;
?>
[key]) {
if(video_is_playing_<?php
echo $sliderID;
?>
&& !clicked){
return false;
}
if (!from_effect) {
// Change image key.
jQuery("#huge_it_current_image_key_<?php
echo $sliderID;
?>
").val(key);
// if (current_key == '-2') { /* Dots.*/
current_key = jQuery(".huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
").attr("image_key");
// }
}
if (huge_it_trans_in_progress_<?php
echo $sliderID;
?>
) {
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" --IN TRANSACTION-- <br />");
event_stack_<?php
echo $sliderID;
?>
.push(current_key + '-' + key);
return;
}
var direction = 'right';
if (huge_it_current_key_<?php
echo $sliderID;
?>
> key) {
var direction = 'left';
}
else if (huge_it_current_key_<?php
echo $sliderID;
?>
== key) {
return false;
}
// Set active thumbnail position.
huge_it_current_key_<?php
echo $sliderID;
?>
= key;
//Change image id, title, description.
jQuery("#huge_it_slideshow_image_<?php
echo $sliderID;
?>
").attr('image_id', data_<?php
echo $sliderID;
?>
[key]["id"]);
jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").html(data_<?php
echo $sliderID;
?>
[key]["alt"]);
jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").html(data_<?php
echo $sliderID;
?>
[key]["description"]);
var current_image_class = "#image_id_<?php
echo $sliderID;
?>
_" + data_<?php
echo $sliderID;
?>
[current_key]["id"];
var next_image_class = "#image_id_<?php
echo $sliderID;
?>
_" + data_<?php
echo $sliderID;
?>
[key]["id"];
if(jQuery(current_image_class).find('.huge_it_video_frame_<?php
echo $sliderID;
?>
').length>0) {
var streffect='<?php
echo $slidereffect;
?>
';
if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
huge_it_<?php
echo $slidereffect;
?>
_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}else{
huge_it_fade_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
}else{
huge_it_<?php
echo $slidereffect;
?>
_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
jQuery('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery(current_image_class).find('.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
').addClass('none');
jQuery(current_image_class).find('.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
').addClass('none');
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
huge_it_move_dots_<?php
echo $sliderID;
?>
();
<?php
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
stopYoutubeVideo();
<?php
}
}
?>
window.clearInterval(huge_it_playInterval_<?php
echo $sliderID;
?>
);
play_<?php
echo $sliderID;
?>
();
}
}
function huge_it_popup_resize_<?php
echo $sliderID;
?>
() {
var staticsliderwidth=<?php
echo $sliderwidth;
?>
;
var sliderwidth=<?php
echo $sliderwidth;
?>
;
var bodyWidth=jQuery(window).width();
var parentWidth = jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").parent().width();
//if responsive js late responsive.js @ take body size and not parent div
if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
var str=(<?php
echo $sliderheight;
?>
/staticsliderwidth);
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
jQuery(".huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
if("<?php
echo $slideshow_title_position[1];
?>
"=="middle"){var titlemargintopminus=jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_title_position[0];
?>
"=="center"){var titlemarginleftminus=jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + titlemargintopminus + "px; margin-left:-"+titlemarginleftminus+"px;"});
if("<?php
echo $slideshow_description_position[1];
?>
"=="middle"){var descriptionmargintopminus=jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_description_position[0];
?>
"=="center"){var descriptionmarginleftminus=jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + descriptionmargintopminus + "px; margin-left:-"+descriptionmarginleftminus+"px;"});
if("<?php
echo $paramssld['slider_crop_image'];
?>
"=="resize"){
jQuery(".huge_it_slideshow_image_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
img").css({
cssText: "width:" + sliderwidth + "px; height:" + ((sliderwidth) * str) +"px;"
});
}else {
jQuery(".huge_it_slideshow_image_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item2_<?php
echo $sliderID;
?>
").css({
cssText: "max-width: " + sliderwidth + "px !important; max-height: " + (sliderwidth * str) + "px !important;"
});
}
jQuery('.huge_it_video_frame_<?php
echo $sliderID;
?>
').each(function (e) {
jQuery(this).width(sliderwidth);
jQuery(this).height(sliderwidth * str);
});
}
jQuery(window).load(function () {
jQuery(window).resize(function() {
huge_it_popup_resize_<?php
echo $sliderID;
?>
();
});
jQuery('#huge_it_slideshow_left_<?php
echo $sliderID;
?>
').on('click',function(){
huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) - iterator_<?php
echo $sliderID;
?>
()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) - iterator_<?php
echo $sliderID;
?>
()) % data_<?php
echo $sliderID;
?>
.length : data_<?php
echo $sliderID;
?>
.length - 1, data_<?php
echo $sliderID;
?>
,false,true);
return false;
});
jQuery('#huge_it_slideshow_right_<?php
echo $sliderID;
?>
').on('click',function(){
huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) + iterator_<?php
echo $sliderID;
?>
()) % data_<?php
echo $sliderID;
?>
.length, data_<?php
echo $sliderID;
?>
,false,true);
return false;
});
huge_it_popup_resize_<?php
echo $sliderID;
?>
();
/* Disable right click.*/
jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
return false;
});
/*HOVER SLIDESHOW*/
jQuery("#huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").hover(function(){
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" -- hover -- <br /> ");
jQuery("#huge_it_slideshow_right_<?php
echo $sliderID;
?>
").css({'display':'inline'});
jQuery("#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").css({'display':'inline'});
},function(){
jQuery("#huge_it_slideshow_right_<?php
echo $sliderID;
?>
").css({'display':'none'});
jQuery("#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").css({'display':'none'});
});
var pausehover="<?php
echo $sliderpauseonhover;
?>
";
if(pausehover=="on"){
jQuery("#huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_<?php
echo $sliderID;
?>
").hover(function(){
window.clearInterval(huge_it_playInterval_<?php
echo $sliderID;
?>
);
},function(){
window.clearInterval(huge_it_playInterval_<?php
echo $sliderID;
?>
);
play_<?php
echo $sliderID;
?>
();
});
}
play_<?php
echo $sliderID;
?>
();
});
function play_<?php
echo $sliderID;
?>
() {
/* Play.*/
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" -- paly ---- ");
huge_it_playInterval_<?php
echo $sliderID;
?>
= setInterval(function () {
//errorlogjQuery(".huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
").after(" -- time left ---- ");
var iterator = 1;
huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()) + iterator) % data_<?php
echo $sliderID;
?>
.length, data_<?php
echo $sliderID;
?>
,false,false);
}, '<?php
echo $slidepausetime;
?>
');
}
jQuery(window).focus(function() {
/*event_stack_<?php
echo $sliderID;
?>
= [];*/
var i_<?php
echo $sliderID;
?>
= 0;
jQuery(".huge_it_slider_<?php
echo $sliderID;
?>
").children("div").each(function () {
if (jQuery(this).css('opacity') == 1) {
jQuery("#huge_it_current_image_key_<?php
echo $sliderID;
?>
").val(i_<?php
echo $sliderID;
?>
);
}
i_<?php
echo $sliderID;
?>
++;
});
});
jQuery(window).blur(function() {
event_stack_<?php
echo $sliderID;
?>
= [];
window.clearInterval(huge_it_playInterval_<?php
echo $sliderID;
?>
);
});
</script>
<style>
.huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
{
height:<?php
echo $sliderheight;
?>
px;
width:<?php
echo $sliderwidth;
?>
px;
position:relative;
display: block;
text-align: center;
/*HEIGHT FROM HEADER.PHP*/
clear:both;
<?php
if ($sliderposition == "left") {
$position = 'float:left;';
} elseif ($sliderposition == "right") {
$position = 'float:right;';
} else {
$position = 'float:none; margin:0px auto;';
}
?>
<?php
echo $position;
?>
border-style:solid;
border-left:0px !important;
border-right:0px !important;
}
.huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.huge_it_slideshow_image_<?php
echo $sliderID;
?>
{
/*width:100%;*/
}
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
,
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
cursor: pointer;
display:none;
display: block;
height: 100%;
outline: medium none;
position: absolute;
/*z-index: 10130;*/
z-index: 13;
bottom:25px;
top:50%;
}
#huge_it_slideshow_left-ico_<?php
echo $sliderID;
?>
,
#huge_it_slideshow_right-ico_<?php
echo $sliderID;
?>
{
z-index: 13;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
margin-top: -15px;
position: absolute;
top: 50%;
/*z-index: 10135;*/
}
#huge_it_slideshow_left-ico_<?php
echo $sliderID;
?>
:hover,
#huge_it_slideshow_right-ico_<?php
echo $sliderID;
?>
:hover {
cursor: pointer;
}
.huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
{
display: table;
position: relative;
top:0px;
left:0px;
text-align: center;
vertical-align: middle;
width:100%;
}
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
{
text-decoration: none;
position: absolute;
z-index: 11;
display: inline-block;
<?php
if ($paramssld['slider_title_has_margin'] == 'on') {
$slider_title_width = $paramssld['slider_title_width'] - 6;
$slider_title_height = $paramssld['slider_title_height'] - 6;
$slider_title_margin = "3";
} else {
$slider_title_width = $paramssld['slider_title_width'];
$slider_title_height = $paramssld['slider_title_height'];
$slider_title_margin = "0";
}
?>
width:<?php
echo $slider_title_width;
?>
%;
/*height:<?php
echo $slider_title_height;
?>
%;*/
<?php
if ($slideshow_title_position[0] == "left") {
echo 'left:' . $slider_title_margin . '%;';
} elseif ($slideshow_title_position[0] == "center") {
echo 'left:50%;';
} elseif ($slideshow_title_position[0] == "right") {
echo 'right:' . $slider_title_margin . '%;';
}
if ($slideshow_title_position[1] == "top") {
echo 'top:' . $slider_title_margin . '%;';
} elseif ($slideshow_title_position[1] == "middle") {
echo 'top:50%;';
} elseif ($slideshow_title_position[1] == "bottom") {
echo 'bottom:' . $slider_title_margin . '%;';
}
?>
padding:2%;
text-align:<?php
echo $paramssld['slider_title_text_align'];
?>
;
font-weight:bold;
color:#<?php
echo $paramssld['slider_title_color'];
?>
;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['slider_title_background_color'], 2));
$titleopacity = $paramssld["slider_title_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
border-style:solid;
font-size:<?php
echo $paramssld['slider_title_font_size'];
?>
px;
border-width:<?php
echo $paramssld['slider_title_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_title_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_title_border_radius'];
?>
px;
}
.huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
{
text-decoration: none;
position: absolute;
z-index: 11;
border-style:solid;
display: inline-block;
<?php
if ($paramssld['slider_description_has_margin'] == 'on') {
$slider_description_width = $paramssld['slider_description_width'] - 6;
$slider_description_height = $paramssld['slider_description_height'] - 6;
$slider_description_margin = "3";
} else {
$slider_description_width = $paramssld['slider_description_width'];
$slider_descriptione_height = $paramssld['slider_description_height'];
$slider_description_margin = "0";
}
?>
width:<?php
echo $slider_description_width;
?>
%;
/*height:<?php
echo $slider_description_height;
?>
%;*/
<?php
if ($slideshow_description_position[0] == "left") {
echo 'left:' . $slider_description_margin . '%;';
} elseif ($slideshow_description_position[0] == "center") {
echo 'left:50%;';
} elseif ($slideshow_description_position[0] == "right") {
echo 'right:' . $slider_description_margin . '%;';
}
if ($slideshow_description_position[1] == "top") {
echo 'top:' . $slider_description_margin . '%;';
} elseif ($slideshow_description_position[1] == "middle") {
echo 'top:50%;';
} elseif ($slideshow_description_position[1] == "bottom") {
echo 'bottom:' . $slider_description_margin . '%;';
}
?>
padding:3%;
text-align:<?php
echo $paramssld['slider_description_text_align'];
?>
;
color:#<?php
echo $paramssld['slider_description_color'];
?>
;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['slider_description_background_color'], 2));
$descriptionopacity = $paramssld["slider_description_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $descriptionopacity . ') !important';
?>
;
border-style:solid;
font-size:<?php
echo $paramssld['slider_description_font_size'];
?>
px;
border-width:<?php
echo $paramssld['slider_description_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_description_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_description_border_radius'];
?>
px;
}
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
.none, .huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
.none,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
.hidden, .huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
.hidden {display:none;}
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h1, .huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
h1,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h2, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h2,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h3, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h3,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h4, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
h4,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
p, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
p,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
strong, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
strong,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
span, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
span,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
ul, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
ul,
.huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
li, .huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
li {
padding:2px;
margin:0px;
}
.huge_it_slide_container_<?php
echo $sliderID;
?>
{
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
width:100%;
height:100%;
_width: inherit;
_height: inherit;
}
.huge_it_slide_bg_<?php
echo $sliderID;
?>
{
margin: 0 auto;
width:100%;
height:100%;
_width: inherit;
_height: inherit;
}
.huge_it_slider_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
display:table !important;
padding:0px !important;
margin:0px !important;
}
.huge_it_slideshow_image_item_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
_width: inherit;
_height: inherit;
display: table-cell;
filter: Alpha(opacity=100);
opacity: 1;
position: absolute;
top:0px;
left:0px;
vertical-align: middle;
z-index: 1;
margin:0px !important;
padding:0px !important;
border-radius: <?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px !important;
}
.huge_it_slideshow_image_second_item_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
_width: inherit;
_height: inherit;
display: table-cell;
filter: Alpha(opacity=0);
opacity: 0;
position: absolute;
top:0px;
left:0px;
vertical-align: middle;
overflow:hidden;
margin:0px !important;
visibility:visible !important;
padding:0px !important;
border-radius: <?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px !important;
}
.huge_it_slideshow_image_second_item_<?php
echo $sliderID;
?>
a, .huge_it_slideshow_image_item_<?php
echo $sliderID;
?>
a {
display:block;
width:100%;
height:100%;
}
.huge_it_grid_<?php
echo $sliderID;
?>
{
display: none;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.huge_it_gridlet_<?php
echo $sliderID;
?>
{
opacity: 1;
filter: Alpha(opacity=100);
position: absolute;
}
.huge_it_slideshow_dots_container_<?php
echo $sliderID;
?>
{
display: table;
position: absolute;
width:100% !important;
height:100% !important;
}
.huge_it_slideshow_dots_thumbnails_<?php
echo $sliderID;
?>
{
margin: 0 auto;
overflow: hidden;
position: absolute;
width:100%;
height:30px;
}
.huge_it_slideshow_dots_<?php
echo $sliderID;
?>
{
display: inline-block;
position: relative;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
width:10px;
height: 10px;
border-radius: 10px;
background: #00f;
margin: 10px;
overflow: hidden;
z-index: 17;
}
.huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
{
opacity: 1;
filter: Alpha(opacity=100);
}
.huge_it_slideshow_dots_deactive_<?php
echo $sliderID;
?>
{
}
.huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_slider_background_color'];
?>
;
border-width:<?php
echo $paramssld['slider_slideshow_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_slideshow_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px;
}
.huge_it_slideshow_dots_thumbnails_<?php
echo $sliderID;
?>
{
<?php
if ($paramssld['slider_dots_position'] == "bottom") {
?>
bottom:0px;
<?php
} else {
if ($paramssld['slider_dots_position'] == "none") {
?>
display:none;
<?php
} else {
?>
top:0px; <?php
}
}
?>
}
.huge_it_slideshow_dots_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_dots_color'];
?>
;
}
.huge_it_slideshow_dots_active_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_active_dot_color'];
?>
;
}
<?php
$arrowfolder = plugins_url('slider-image/Front_images/arrows');
switch ($paramssld['slider_navigation_type']) {
case 1:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-21px;
height:43px;
width:29px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.simple.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-21px;
height:43px;
width:29px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.simple.png) right top no-repeat;
}
<?php
break;
case 2:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.shadow.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.shadow.png) right top no-repeat;
}
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
:hover {
background-position:left -50px;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
:hover {
background-position:right -50px;
}
<?php
break;
case 3:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:44px;
width:44px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.simple.dark.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:44px;
width:44px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.simple.dark.png) right top no-repeat;
}
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
:hover {
background-position:left -44px;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
:hover {
background-position:right -44px;
}
<?php
break;
case 4:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-33px;
height:65px;
width:59px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.cube.dark.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-33px;
height:65px;
width:59px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.cube.dark.png) right top no-repeat;
}
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
:hover {
background-position:left -66px;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
:hover {
background-position:right -66px;
}
<?php
break;
case 5:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-18px;
height:37px;
width:40px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.blue.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-18px;
height:37px;
width:40px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.blue.png) right top no-repeat;
}
<?php
break;
case 6:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.cube.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.cube.png) right top no-repeat;
}
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
:hover {
background-position:left -50px;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
:hover {
background-position:right -50px;
}
<?php
break;
case 7:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
right:0px;
margin-top:-19px;
height:38px;
width:38px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.transparent.circle.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-19px;
height:38px;
width:38px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.transparent.circle.png) right top no-repeat;
}
<?php
break;
case 8:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.png) right top no-repeat;
}
<?php
break;
case 9:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.blue.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.blue.png) right top no-repeat;
}
<?php
break;
case 10:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-24px;
height:48px;
width:48px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.green.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-24px;
height:48px;
width:48px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.green.png) right top no-repeat;
}
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
:hover {
background-position:left -48px;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
:hover {
background-position:right -48px;
}
<?php
break;
case 11:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-29px;
height:58px;
width:55px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.blue.retro.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-29px;
height:58px;
width:55px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.blue.retro.png) right top no-repeat;
}
<?php
break;
case 12:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-37px;
height:74px;
width:74px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.green.retro.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-37px;
height:74px;
width:74px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.green.retro.png) right top no-repeat;
}
<?php
break;
case 13:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-16px;
height:33px;
width:33px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.red.circle.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-16px;
height:33px;
width:33px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.red.circle.png) right top no-repeat;
}
<?php
break;
case 14:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-51px;
height:102px;
width:52px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.triangle.white.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-51px;
height:102px;
width:52px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.triangle.white.png) right top no-repeat;
}
<?php
break;
case 15:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-19px;
height:39px;
width:70px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.ancient.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-19px;
height:39px;
width:70px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.ancient.png) right top no-repeat;
}
<?php
break;
case 16:
?>
#huge_it_slideshow_left_<?php
echo $sliderID;
?>
{
left:-21px;
margin-top:-20px;
height:40px;
width:37px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.black.out.png) left top no-repeat;
}
#huge_it_slideshow_right_<?php
echo $sliderID;
?>
{
right:-21px;
margin-top:-20px;
height:40px;
width:37px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.black.out.png) right top no-repeat;
}
<?php
break;
}
?>
</style>
<?php
$args = array('numberposts' => 10, 'offset' => 0, 'category' => 0, 'orderby' => 'post_date', 'order' => 'DESC', 'post_type' => 'post', 'post_status' => 'draft, publish, future, pending, private', 'suppress_filters' => true);
$recent_posts = wp_get_recent_posts($args, ARRAY_A);
//print_r($recent_posts);
//echo get_the_post_thumbnail(1, 'thumbnail');
$image = wp_get_attachment_image_src(get_post_thumbnail_id(1), 'thumbnail');
?>
<div class="huge_it_slideshow_image_wrap_<?php
echo $sliderID;
?>
">
<?php
$current_pos = 0;
?>
<!-- ##########################DOTS######################### -->
<div class="huge_it_slideshow_dots_container_<?php
echo $sliderID;
?>
">
<div class="huge_it_slideshow_dots_thumbnails_<?php
echo $sliderID;
?>
">
<?php
$current_image_id = 0;
$current_pos = 0;
$current_key = 0;
$stri = 0;
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" image_id="<?php
echo $image_row->id;
?>
" image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
break;
case 'video':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" image_id="<?php
echo $image_row->id;
?>
" image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
break;
case 'last_posts':
foreach ($recent_posts as $lkeys => $last_posts) {
if ($lkeys < $image_row->sl_url) {
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_<?php
echo $sliderID;
?>
<?php
echo $stri == $current_image_id ? 'huge_it_slideshow_dots_active_' . $sliderID : 'huge_it_slideshow_dots_deactive_' . $sliderID;
?>
" onclick="huge_it_change_image_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_<?php
echo $sliderID;
?>
,false,true);return false;" image_id="<?php
echo $image_row->id;
?>
" image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
}
}
}
break;
}
}
?>
</div>
<?php
if ($paramssld['slider_show_arrows'] == "on") {
?>
<a id="huge_it_slideshow_left_<?php
echo $sliderID;
?>
" href="#" >
<div id="huge_it_slideshow_left-ico_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_prev_btn_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<a id="huge_it_slideshow_right_<?php
echo $sliderID;
?>
" href="#" >
<div id="huge_it_slideshow_right-ico_<?php
echo $sliderID;
?>
, data_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_next_btn_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<?php
}
?>
</div>
<!-- ##########################IMAGES######################### -->
<div id="huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_container_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_container_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_bg_<?php
echo $sliderID;
?>
">
<ul class="huge_it_slider_<?php
echo $sliderID;
?>
">
<?php
$i = 0;
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_url != "") {
if ($image_row->link_target == "on") {
$target = 'target="_blank' . $image_row->link_target . '"';
}
echo '<a href="' . $image_row->sl_url . '" ' . $target . '>';
}
?>
<img id="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" src="<?php
echo $image_row->image_url;
?>
" image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_url != "") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
<?php
if (trim($image_row->name) == "") {
echo "none";
}
?>
">
<?php
echo $image_row->name;
?>
</div>
<div class="huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
<?php
if (trim($image_row->description) == "") {
echo "none";
}
?>
">
<?php
echo $image_row->description;
?>
</div>
</li>
<?php
$i++;
break;
case 'last_posts':
foreach ($recent_posts as $lkeys => $last_posts) {
if ($lkeys < $image_row->sl_url) {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_postlink == "1") {
if ($image_row->link_target == "on") {
$target = 'target="_blank' . $image_row->link_target . '"';
}
echo '<a href="' . $last_posts["guid"] . '" ' . $target . '>';
}
?>
<img id="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_<?php
echo $sliderID;
?>
" src="<?php
echo $imagethumb[0];
?>
" image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_postlink == "1") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_title"]) == "") {
echo "none";
}
if ($image_row->sl_stitle != "1") {
echo " hidden";
}
?>
">
<?php
echo $last_posts["post_title"];
?>
</div>
<div class="huge_it_slideshow_description_text_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_content"]) == "") {
echo "none";
}
if ($image_row->sl_sdesc != "1") {
echo " hidden";
}
?>
">
<?php
echo substr_replace($last_posts["post_content"], "", $image_row->description);
?>
</div>
</li>
<?php
$i++;
}
}
}
break;
case 'video':
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_<?php
echo $sliderID;
?>
" id="image_id_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if (strpos($image_row->image_url, 'youtube') !== false) {
$video_thumb_url = get_youtube_id_from_url($image_row->image_url);
?>
<div id="video_id_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
" class="huge_it_video_frame_<?php
echo $sliderID;
?>
"></div>
<?php
} else {
$vimeo = $image_row->image_url;
$imgid = end(explode("/", $vimeo));
?>
<iframe id="player_<?php
echo $key;
?>
" class="huge_it_video_frame_<?php
echo $sliderID;
?>
" src="//player.vimeo.com/video/<?php
echo $imgid;
?>
?api=1&player_id=player_<?php
echo $key;
?>
&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
<?php
}
?>
</li>
<?php
$i++;
break;
}
}
?>
<input type="hidden" id="huge_it_current_image_key_<?php
echo $sliderID;
?>
" value="0" />
</ul>
</div>
</div>
</div>
</div>
<?php
return ob_get_clean();
}
function get_image_from_video($image_url)
{
if (strpos($image_url, 'youtube') !== false || strpos($image_url, 'youtu') !== false) {
$liclass = "youtube";
$video_thumb_url = get_youtube_id_from_url($image_url);
$thumburl = 'http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg';
} else {
if (strpos($image_url, 'vimeo') !== false) {
$liclass = "vimeo";
$vimeo = $image_url;
$vimeo_explode = explode("/", $vimeo);
$imgid = end($vimeo_explode);
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
$thumburl = $imgsrc;
}
}
return $thumburl;
}
function front_end_gallery($images, $paramssld, $gallery)
{
ob_start();
$galleryID = $gallery[0]->id;
$gallerytitle = $gallery[0]->name;
$galleryheight = $gallery[0]->sl_height;
$gallerywidth = $gallery[0]->sl_width;
$galleryeffect = $gallery[0]->gallery_list_effects_s;
$slidepausetime = $gallery[0]->description + $gallery[0]->param;
$gallerypauseonhover = $gallery[0]->pause_on_hover;
$galleryposition = $gallery[0]->sl_position;
$slidechangespeed = $gallery[0]->param;
$gallerychangeview = $gallery[0]->huge_it_sl_effects;
?>
<script>
var lightbox_transition = '<?php
echo $paramssld['light_box_transition'];
?>
';
var lightbox_speed = <?php
echo $paramssld['light_box_speed'];
?>
;
var lightbox_fadeOut = <?php
echo $paramssld['light_box_fadeout'];
?>
;
var lightbox_title = <?php
echo $paramssld['light_box_title'];
?>
;
var lightbox_scalePhotos = <?php
echo $paramssld['light_box_scalephotos'];
?>
;
var lightbox_scrolling = <?php
echo $paramssld['light_box_scrolling'];
?>
;
var lightbox_opacity = <?php
echo $paramssld['light_box_opacity'] / 100 + 0.001;
?>
;
var lightbox_open = <?php
echo $paramssld['light_box_open'];
?>
;
var lightbox_returnFocus = <?php
echo $paramssld['light_box_returnfocus'];
?>
;
var lightbox_trapFocus = <?php
echo $paramssld['light_box_trapfocus'];
?>
;
var lightbox_fastIframe = <?php
echo $paramssld['light_box_fastiframe'];
?>
;
var lightbox_preloading = <?php
echo $paramssld['light_box_preloading'];
?>
;
var lightbox_overlayClose = <?php
echo $paramssld['light_box_overlayclose'];
?>
;
var lightbox_escKey = <?php
echo $paramssld['light_box_esckey'];
?>
;
var lightbox_arrowKey = <?php
echo $paramssld['light_box_arrowkey'];
?>
;
var lightbox_loop = <?php
echo $paramssld['light_box_loop'];
?>
;
var lightbox_closeButton = <?php
echo $paramssld['light_box_closebutton'];
?>
;
var lightbox_previous = "<?php
echo $paramssld['light_box_previous'];
?>
";
var lightbox_next = "<?php
echo $paramssld['light_box_next'];
?>
";
var lightbox_close = "<?php
echo $paramssld['light_box_close'];
?>
";
var lightbox_html = <?php
echo $paramssld['light_box_html'];
?>
;
var lightbox_photo = <?php
echo $paramssld['light_box_photo'];
?>
;
var lightbox_width = '<?php
if ($paramssld['light_box_size_fix'] == 'false') {
echo '';
} else {
echo $paramssld['light_box_width'];
}
?>
';
var lightbox_height = '<?php
if ($paramssld['light_box_size_fix'] == 'false') {
echo '';
} else {
echo $paramssld['lightbox_height'];
}
?>
';
var lightbox_innerWidth = '<?php
echo $paramssld['light_box_innerwidth'];
?>
';
var lightbox_innerHeight = '<?php
echo $paramssld['light_box_innerheight'];
?>
';
var lightbox_initialWidth = '<?php
echo $paramssld['light_box_initialwidth'];
?>
';
var lightbox_initialHeight = '<?php
echo $paramssld['light_box_initialheight'];
?>
';
var maxwidth=jQuery(window).width();
if(maxwidth><?php
echo $paramssld['light_box_maxwidth'];
?>
){maxwidth=<?php
echo $paramssld['light_box_maxwidth'];
?>
;}
var lightbox_maxWidth = <?php
if ($paramssld['light_box_size_fix'] == 'true') {
echo '"100%"';
} else {
echo 'maxwidth';
}
?>
;
var lightbox_maxHeight = <?php
if ($paramssld['light_box_size_fix'] == 'true') {
echo '"100%"';
} else {
echo $paramssld['light_box_maxheight'];
}
?>
;
var lightbox_slideshow = <?php
echo $paramssld['light_box_slideshow'];
?>
;
var lightbox_slideshowSpeed = <?php
echo $paramssld['light_box_slideshowspeed'];
?>
;
var lightbox_slideshowAuto = <?php
echo $paramssld['light_box_slideshowauto'];
?>
;
var lightbox_slideshowStart = "<?php
echo $paramssld['light_box_slideshowstart'];
?>
";
var lightbox_slideshowStop = "<?php
echo $paramssld['light_box_slideshowstop'];
?>
";
var lightbox_fixed = <?php
echo $paramssld['light_box_fixed'];
?>
;
<?php
$pos = $paramssld['lightbox_open_position'];
switch ($pos) {
case 1:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 1:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 2:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = false;
<?php
break;
case 3:
?>
var lightbox_top = '10%';
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = '10%';
<?php
break;
case 4:
?>
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 5:
?>
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = false;
<?php
break;
case 6:
?>
var lightbox_top = false;
var lightbox_bottom = false;
var lightbox_left = false;
var lightbox_right = '10%';
<?php
break;
case 7:
?>
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = '10%';
var lightbox_right = false;
<?php
break;
case 8:
?>
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = false;
var lightbox_right = false;
<?php
break;
case 9:
?>
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = false;
var lightbox_right = '10%';
<?php
break;
}
?>
var lightbox_reposition = <?php
echo $paramssld['light_box_reposition'];
?>
;
var lightbox_retinaImage = <?php
echo $paramssld['light_box_retinaimage'];
?>
;
var lightbox_retinaUrl = <?php
echo $paramssld['light_box_retinaurl'];
?>
;
var lightbox_retinaSuffix = "<?php
echo $paramssld['light_box_retinasuffix'];
?>
";
jQuery(document).ready(function(){
jQuery("#huge_it_gallery_content_<?php
echo $galleryID;
?>
a[href$='.jpg'], #huge_it_gallery_content_<?php
echo $galleryID;
?>
a[href$='.jpeg'], #huge_it_gallery_content_<?php
echo $galleryID;
?>
a[href$='.png'], #huge_it_gallery_content_<?php
echo $galleryID;
?>
a[href$='.gif']").addClass('group1');
jQuery(".group1").colorbox({rel:'group1'});
jQuery(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vimeo").colorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").colorbox({inline:true, width:"50%"});
jQuery(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
jQuery('.non-retina').colorbox({rel:'group5', transition:'none'})
jQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
jQuery("#click").click(function(){
jQuery('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
<!--Huge IT gallery START-->
<!-- GALLERY CONTENT POPUP -->
<?php
include_once ABSPATH . 'wp-admin/includes/plugin.php';
if (!is_plugin_active('lightbox/lightbox.php')) {
?>
<link href="<?php
echo plugins_url('../style/colorbox-' . $paramssld['light_box_style'] . '.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<?php
}
?>
<!-- <link href="<?php
// echo plugins_url('../style/gallery-all.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<script src="<?php
// echo plugins_url('../js/jquery.colorbox.js', __FILE__);
?>
"></script>
<script src="<?php
?>
<?php// echo plugins_url('../js/gallery-all.js', __FILE__);?>"></script>
<link rel="stylesheet" href="<?php
echo plugins_url('../style/style2-os.css', __FILE__);
?>
" />
<script src="<?php
?>
<?php// echo plugins_url('../js/jquery.hugeitmicro.min.js', __FILE__);?>"></script>
<link href="<?php
//echo plugins_url('../style/lightbox.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />-->
<?php
include_once ABSPATH . 'wp-admin/includes/plugin.php';
if (!is_plugin_active('wp-lightbox-2/wp-lightbox-2.php')) {
?>
<?php
}
?>
<?php
$i = $gallerychangeview;
switch ($i) {
case 0:
?>
<script>
jQuery(function(){
var defaultBlockHeight=<?php
echo $paramssld['ht_view2_element_height'] + 37;
?>
;
var defaultBlockWidth=<?php
echo $paramssld['ht_view2_element_width'];
?>
;
var $container = jQuery('#huge_it_gallery_container_<?php
echo $galleryID;
?>
');
// add randomish size classes
$container.find('.element_<?php
echo $galleryID;
?>
').each(function(){
var $this = jQuery(this),
number = parseInt( $this.find('.number').text(), 10 );
//alert(number);
if ( number % 7 % 2 === 1 ) {
$this.addClass('width2');
}
if ( number % 3 === 0 ) {
$this.addClass('height2');
}
});
$container.hugeitmicro({
itemSelector : '.element_<?php
echo $galleryID;
?>
',
masonry : {
columnWidth : defaultBlockWidth+20
},
masonryHorizontal : {
rowHeight: defaultBlockHeight+20
},
cellsByRow : {
columnWidth : defaultBlockWidth+20,
rowHeight : defaultBlockHeight
},
cellsByColumn : {
columnWidth : defaultBlockWidth+20,
rowHeight : defaultBlockHeight
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
<?php
if ($paramssld['ht_view2_content_in_center'] == 'on') {
?>
centersection();
jQuery(window).resize(function(){
centersection();
});
function centersection(){
var elementwidth=<?php
echo $paramssld['ht_view2_element_width'];
?>
+ 20 + <?php
echo $paramssld['ht_view2_element_border_width'] * 2;
?>
;
var enterycontent=jQuery("#huge_it_gallery_container_<?php
echo $galleryID;
?>
").width();
var whole=~~(enterycontent/(elementwidth));
if(whole==0){ return false; }
else { var sectionwidth= whole * elementwidth;}
jQuery("#huge_it_gallery_container_moving_<?php
echo $galleryID;
?>
").width(sectionwidth).css({"margin":"0px auto","overflow":"hidden",});
// alert(elementwidth + " " + enterycontent + " " + whole + " " + sectionwidth);
}
<?php
}
?>
var $optionSets = jQuery('#huge_it_gallery_options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = jQuery(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
changeLayoutMode( $this, options )
} else {
$container.hugeitmicro( options );
}
return false;
});
var isHorizontal = false;
function changeLayoutMode( $link, options ) {
var wasHorizontal = isHorizontal;
isHorizontal = $link.hasClass('horizontal');
if ( wasHorizontal !== isHorizontal ) {
var style = isHorizontal ?
{ height: '100%', width: $container.width() } :
{ width: 'auto' };
$container.filter(':animated').stop();
$container.addClass('no-transition').css( style );
setTimeout(function(){
$container.removeClass('no-transition').hugeitmicro( options );
}, 100 )
} else {
$container.hugeitmicro( options );
}
}
var $sortBy = jQuery('#sort-by');
jQuery('#shuffle a').click(function(){
$container.hugeitmicro('shuffle');
$sortBy.find('.selected').removeClass('selected');
$sortBy.find('[data-option-value="random"]').addClass('selected');
return false;
});
});
jQuery(document).ready(function(){
jQuery('.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
.image-overlay a').on('click',function(){
var strid = jQuery(this).attr('href').replace('#','');
jQuery('body').append('<div id="huge-popup-overlay"></div>');
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
').insertBefore('#huge-popup-overlay');
var height = jQuery(window).height();
var width=jQuery(window).width();
if(width<=767){
jQuery('body').scrollTop(0);
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
iframe').height(jQuery('body').width()*0.5);
}else {jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
iframe').height(jQuery('body').width()*0.23);}
jQuery('#huge_it_gallery_pupup_element_'+strid).addClass('active').css({height:height*0.7});
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
').addClass('active');
return false;
});
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close').on('click',function(){
closePopup();
return false;
});
jQuery('body').on('click','#huge-popup-overlay',function(){
closePopup();
return false;
});
function closePopup() {
jQuery('#huge-popup-overlay').remove();
var videsrc=jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.active iframe').attr('src');
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.active iframe').attr('src','');
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.active iframe').attr('src',videsrc);
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li').removeClass('active');
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
').removeClass('active');
}
jQuery(window).resize(function(){
jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
iframe').height(jQuery('#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
').width()*0.5);
});
});
</script>
<style type="text/css">
.element_<?php
echo $galleryID;
?>
{
width:<?php
echo $paramssld['ht_view2_element_width'];
?>
px;
height:<?php
echo $paramssld['ht_view2_element_height'] + 45;
?>
px;
margin:0px 0px 10px 0px;
background:#<?php
echo $paramssld['ht_view2_element_background_color'];
?>
;
border:<?php
echo $paramssld['ht_view2_element_border_width'];
?>
px solid #<?php
echo $paramssld['ht_view2_element_border_color'];
?>
;
outline:none;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
{
position:relative;
width:100%;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
img {
width:<?php
echo $paramssld['ht_view2_element_width'];
?>
px !important;
height:<?php
echo $paramssld['ht_view2_element_height'];
?>
px !important;
display:block;
border-radius: 0px !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
.image-overlay {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view2_element_overlay_color'], 2));
$titleopacity = $paramssld["ht_view2_element_overlay_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
display:none;
}
.element_<?php
echo $galleryID;
?>
:hover .image-block_<?php
echo $galleryID;
?>
.image-overlay {
display:block;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
.image-overlay a {
position:absolute;
top:0px;
left:0px;
display:block;
width:100%;
height:100%;
background:url('<?php
echo plugins_url('../images/zoom.' . $paramssld["ht_view2_zoombutton_style"] . '.png', __FILE__);
?>
') center center no-repeat;
}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
{
position:relative;
height: 30px;
margin: 0;
padding: 15px 0px 15px 0px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
h3 {
position:relative;
margin:0px !important;
padding:0px 1% 0px 1% !important;
width:98%;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
font-weight:normal;
font-size: <?php
echo $paramssld["ht_view2_element_title_font_size"];
?>
px !important;
line-height: <?php
echo $paramssld["ht_view2_popup_title_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view2_popup_title_font_color"];
?>
;
}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
.button-block {
position:absolute;
right:0px;
top:0px;
display:none;
vertical-align:middle;
height:30px;
padding:10px 10px 4px 10px;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view2_element_overlay_color'], 2));
$titleopacity = $paramssld["ht_view2_element_overlay_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
border-left: 1px solid rgba(0,0,0,.05);
}
.element_<?php
echo $galleryID;
?>
:hover .title-block_<?php
echo $galleryID;
?>
.button-block {display:block;}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a,.element .title-block_<?php
echo $galleryID;
?>
a:link,.element .title-block_<?php
echo $galleryID;
?>
a:visited,
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:hover,.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:focus,.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:active {
position:relative;
display:block;
vertical-align:middle;
padding: 3px 10px 3px 10px;
border-radius:3px;
font-size:<?php
echo $paramssld["ht_view2_element_linkbutton_font_size"];
?>
px;
background:#<?php
echo $paramssld["ht_view2_element_linkbutton_background_color"];
?>
;
color:#<?php
echo $paramssld["ht_view2_element_linkbutton_color"];
?>
;
text-decoration:none;
}
/*#####POPUP#####*/
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
{
position:fixed;
display:table;
width:80%;
top:7%;
left:7%;
margin:0px !important;
padding:0px !important;
list-style:none;
z-index:2000;
display:none;
height:85%;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.active {display:table;}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element {
position:relative;
display:none;
width:100%;
padding:40px 0px 20px 0px;
min-height:100%;
position:relative;
background:#<?php
echo $paramssld["ht_view2_popup_background_color"];
?>
;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element.active {
display:block;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
{
position:absolute;
width:100%;
height:40px;
top:0px;
left:0px;
z-index:2001;
background:url('<?php
echo plugins_url('../images/divider.line.png', __FILE__);
?>
') center bottom repeat-x;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close,#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close:link, #huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close:visited {
position:relative;
float:right;
width:40px;
height:40px;
display:block;
background:url('<?php
echo plugins_url('../images/close.popup.' . $paramssld["ht_view2_popup_closebutton_style"] . '.png', __FILE__);
?>
') center center no-repeat;
border-left:1px solid #ccc;
opacity:.65;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close:hover, #huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close:focus, #huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.heading-navigation_<?php
echo $galleryID;
?>
.close:active {opacity:1;}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $galleryID;
?>
{
overflow-y:scroll;
position:relative;
width:96%;
height:98%;
padding:2% 2% 0% 2%;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
{
width:60%;
<?php
if ($paramssld['ht_view2_popup_full_width'] == 'off') {
echo "height:100%;";
}
?>
position:relative;
float:left;
margin-right:2%;
border-right:1px solid #ccc;
min-width:200px;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
img {
<?php
if ($paramssld['ht_view2_popup_full_width'] == 'off') {
echo "max-width:100% !important; max-height:100% !important;margin: 0px auto !important; position:relative;";
} else {
echo "width:100% !important;";
}
?>
display:block;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
iframe {
width:100% !important;
height:100%;
display:block;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block {
width:37%;
position:relative;
float:left;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $galleryID;
?>
.right-block > div {
padding-top:10px;
margin-bottom:10px;
<?php
if ($paramssld['ht_view2_show_separator_lines'] == "on") {
?>
background:url('<?php
echo plugins_url('../images/divider.line.png', __FILE__);
?>
') center top repeat-x;
<?php
}
?>
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $galleryID;
?>
.right-block > div:last-child {background:none;}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .title {
position:relative;
display:block;
margin:0px 0px 10px 0px !important;
font-size:<?php
echo $paramssld["ht_view2_popup_title_font_size"];
?>
px !important;
line-height:<?php
echo $paramssld["ht_view2_popup_title_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view2_popup_title_font_color"];
?>
;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description {
clear:both;
position:relative;
font-weight:normal;
text-align:justify;
font-size:<?php
echo $paramssld["ht_view2_description_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view2_description_color"];
?>
;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description h1,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description h2,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description h3,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description h4,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description h5,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description h6,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description p,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description strong,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description span {
padding:2px !important;
margin:0px !important;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description ul,
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block .description li {
padding:2px 0px 2px 5px;
margin:0px 0px 0px 8px;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block ul.thumbs-list {
list-style:none;
display:table;
position:relative;
clear:both;
width:100%;
margin:0px auto;
padding:0px;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block ul.thumbs-list li {
display:block;
float:left;
width:<?php
echo $paramssld["ht_view2_thumbs_width"];
?>
px;
height:<?php
echo $paramssld["ht_view2_thumbs_height"];
?>
px;
margin:0px 2% 5px 1% !important;
opacity:0.45;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block ul.thumbs-list li.active,#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block ul.thumbs-list li:hover {
opacity:1;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block ul.thumbs-list li a {
display:block;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block ul.thumbs-list li img {
width:<?php
echo $paramssld["ht_view2_thumbs_width"];
?>
px !important;
height:<?php
echo $paramssld["ht_view2_thumbs_height"];
?>
px !important;
}
.pupup-element .button-block {
position:relative;
}
.pupup-element .button-block a,.pupup-element .button-block a:link,.pupup-element .button-block a:visited {
position:relative;
display:inline-block;
padding:6px 12px;
background:#<?php
echo $paramssld["ht_view2_popup_linkbutton_background_color"];
?>
;
color:#<?php
echo $paramssld["ht_view2_popup_linkbutton_color"];
?>
;
font-size:<?php
echo $paramssld["ht_view2_popup_linkbutton_font_size"];
?>
;
text-decoration:none;
}
.pupup-element .button-block a:hover,.pupup-element .button-block a:focus,.pupup-element .button-block a:active {
background:#<?php
echo $paramssld["ht_view2_popup_linkbutton_background_hover_color"];
?>
;
color:#<?php
echo $paramssld["ht_view2_popup_linkbutton_font_hover_color"];
?>
;
}
#huge-popup-overlay {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:199;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view2_popup_overlay_color'], 2));
$titleopacity = $paramssld["ht_view2_popup_overlay_transparency_color"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
}
@media only screen and (max-width: 767px) {
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto !important;
left:0px;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element {
margin:0px;
height:auto !important;
position:absolute;
left:0px;
top:0px;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
li.pupup-element .popup-wrapper_<?php
echo $galleryID;
?>
{
height:auto !important;
overflow-y:auto;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
{
width:100%;
float:none;
clear:both;
margin-right:0px;
border-right:0px;
}
#huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
.popup-wrapper_<?php
echo $galleryID;
?>
.right-block {
width:100%;
float:none;
clear:both;
margin-right:0px;
border-right:0px;
}
#huge-popup-overlay {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:199;
}
}
</style>
<section id="huge_it_gallery_content_<?php
echo $galleryID;
?>
" >
<div id="huge_it_gallery_container_<?php
echo $galleryID;
?>
" class="super-list variable-sizes clearfix">
<?php
foreach ($images as $key => $row) {
$link = $row->sl_url;
$descnohtml = strip_tags($row->description);
$result = substr($descnohtml, 0, 50);
?>
<div class="element_<?php
echo $galleryID;
?>
" tabindex="0" data-symbol="<?php
echo $row->name;
?>
" data-category="alkaline-earth">
<div class="image-block_<?php
echo $galleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
$imgurl = explode(";", $row->image_url);
?>
<?php
if ($row->image_url != ';') {
?>
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
" />
<?php
} else {
?>
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<img alt="<?php
echo $row->name;
?>
" src="http://img.youtube.com/vi/<?php
echo $videourl[0];
?>
/mqdefault.jpg" />
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
?>
<img alt="<?php
echo $row->name;
?>
" src="<?php
echo $imgsrc;
?>
" />
<?php
}
?>
<?php
break;
}
?>
<div class="image-overlay"><a href="#<?php
echo $row->id;
?>
"></a></div>
</div>
<div class="title-block_<?php
echo $galleryID;
?>
">
<h3><?php
echo $row->name;
?>
</h3>
<?php
if ($paramssld["ht_view2_element_show_linkbutton"] == 'on') {
?>
<div class="button-block"><a href="<?php
echo $row->sl_url;
?>
" <?php
if ($row->link_target == "on") {
echo 'target="_blank"';
}
?>
><?php
echo $paramssld["ht_view2_element_linkbutton_text"];
?>
</a></div>
<?php
}
?>
</div>
</div>
<?php
}
?>
<div style="clear:both;"></div>
</div>
</section>
<ul id="huge_it_gallery_popup_list_<?php
echo $galleryID;
?>
">
<?php
foreach ($images as $key => $row) {
$imgurl = explode(";", $row->image_url);
$link = $row->sl_url;
$descnohtml = strip_tags($row->description);
$result = substr($descnohtml, 0, 50);
?>
<li class="pupup-element" id="huge_it_gallery_pupup_element_<?php
echo $row->id;
?>
">
<div class="heading-navigation_<?php
echo $galleryID;
?>
">
<a href="#close" class="close"></a>
<div style="clear:both;"></div>
</div>
<div class="popup-wrapper_<?php
echo $galleryID;
?>
">
<div class="image-block_<?php
echo $galleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
if ($row->image_url != ';') {
?>
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
" />
<?php
} else {
?>
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<iframe src="//www.youtube.com/embed/<?php
echo $videourl[0];
?>
" frameborder="0" allowfullscreen></iframe>
<?php
} else {
?>
<iframe src="//player.vimeo.com/video/<?php
echo $videourl[0];
?>
?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<?php
}
?>
<?php
break;
}
?>
</div>
<div class="right-block">
<?php
if ($paramssld["ht_view2_show_popup_title"] == 'on') {
?>
<h3 class="title"><?php
echo $row->name;
?>
</h3><?php
}
?>
<?php
if ($paramssld["ht_view2_show_description"] == 'on') {
?>
<div class="description"><?php
echo $row->description;
?>
</div><?php
}
?>
<?php
if ($paramssld["ht_view2_show_popup_linkbutton"] == 'on') {
?>
<div class="button-block">
<a href="<?php
echo $link;
?>
" <?php
if ($row->link_target == "on") {
echo 'target="_blank"';
}
?>
><?php
echo $paramssld["ht_view2_popup_linkbutton_text"];
?>
</a>
</div>
<?php
}
?>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
</li>
<?php
}
?>
</ul>
<?php
break;
/////////////////////////////////// VIEW 1 CONTENT SLIDER ////////////////////////////////////
/////////////////////////////////// VIEW 1 CONTENT SLIDER ////////////////////////////////////
case 1:
?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.0.0/animate.min.css">
<link href="<?php
echo plugins_url('../style/liquid-slider.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<style>
* {outline:none;}
#main-slider_<?php
echo $galleryID;
?>
{background:#<?php
echo $paramssld["ht_view5_slider_background_color"];
?>
;}
#main-slider_<?php
echo $galleryID;
?>
div.slider-content {
position:relative;
width:100%;
padding:0px 0px 0px 0px;
position:relative;
background:#<?php
echo $paramssld["ht_view5_slider_background_color"];
?>
;
}
[class$="-arrow"] {
background-image:url(<?php
echo plugins_url('../images/arrow.' . $paramssld["ht_view5_icons_style"] . '.png', __FILE__);
?>
);
}
.ls-select-box {
background:url(<?php
echo plugins_url('../images/menu.' . $paramssld["ht_view5_icons_style"] . '.png', __FILE__);
?>
) right center no-repeat #<?php
echo $paramssld["ht_view5_slider_background_color"];
?>
;
}
#main-slider_<?php
echo $galleryID;
?>
-nav-select {
color:#<?php
echo $paramssld["ht_view5_title_font_color"];
?>
;
}
#main-slider_<?php
echo $galleryID;
?>
div.slider-content .slider-content-wrapper {
position:relative;
width:100%;
padding:0px;
display:block;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $galleryID;
?>
{
position:relative;
width:<?php
echo $paramssld["ht_view5_main_image_width"];
?>
px;
display:table-cell;
padding:0px 10px 0px 0px;
float:left;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $galleryID;
?>
img.main-image {
position:relative;
width:100%;
height:auto;
display:block;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $galleryID;
?>
.play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $galleryID;
?>
.play-icon.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $galleryID;
?>
.play-icon.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block {
display:table-cell;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block > div {
padding-bottom:10px;
margin-top:10px;
<?php
if ($paramssld['ht_view5_show_separator_lines'] == "on") {
?>
background:url('<?php
echo plugins_url('../images/divider.line.png', __FILE__);
?>
') center bottom repeat-x;
<?php
}
?>
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block > div:last-child {background:none;}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .title {
position:relative;
display:block;
margin:-10px 0px 0px 0px;
font-size:<?php
echo $paramssld["ht_view5_title_font_size"];
?>
px !important;
line-height:<?php
echo $paramssld["ht_view5_title_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view5_title_font_color"];
?>
;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description {
clear:both;
position:relative;
font-weight:normal;
text-align:justify;
font-size:<?php
echo $paramssld["ht_view5_description_font_size"];
?>
px !important;
line-height:<?php
echo $paramssld["ht_view5_description_font_size"];
?>
px !important;
color:#<?php
echo $paramssld["ht_view5_description_color"];
?>
;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description h1,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description h2,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description h3,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description h4,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description h5,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description h6,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description p,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description strong,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description span {
padding:2px !important;
margin:0px !important;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description ul,
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block .description li {
padding:2px 0px 2px 5px;
margin:0px 0px 0px 8px;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block {
position:relative;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block a,#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block a:link,#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block a:visited{
position:relative;
display:inline-block;
padding:6px 12px;
background:#<?php
echo $paramssld["ht_view5_linkbutton_background_color"];
?>
;
color:#<?php
echo $paramssld["ht_view5_linkbutton_color"];
?>
;
font-size:<?php
echo $paramssld["ht_view5_linkbutton_font_size"];
?>
;
text-decoration:none;
}
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block a:hover,#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block a:focus,#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .button-block a:active {
background:#<?php
echo $paramssld["ht_view5_linkbutton_background_hover_color"];
?>
;
color:#<?php
echo $paramssld["ht_view5_linkbutton_font_hover_color"];
?>
;
}
@media only screen and (min-width:500px) {
#main-slider_<?php
echo $galleryID;
?>
-nav-ul {
visibility:hidden !important;
height:1px;
}
}
@media only screen and (max-width:500px) {
#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .image-block_<?php
echo $galleryID;
?>
,#main-slider_<?php
echo $galleryID;
?>
.slider-content-wrapper .right-block {
width:100%;
display:block;
float:none;
clear:both;
}
}
</style>
<div id="main-slider_<?php
echo $galleryID;
?>
" class="liquid-slider">
<?php
foreach ($images as $key => $row) {
$imgurl = explode(";", $row->image_url);
//array_pop($imgurl);
$link = $row->sl_url;
$descnohtml = strip_tags($row->description);
$result = substr($descnohtml, 0, 50);
?>
<div class="slider-content">
<div class="slider-content-wrapper">
<div class="image-block_<?php
echo $galleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
if ($row->image_url != ';') {
?>
<a class="group1" href="<?php
echo $imgurl[0];
?>
"><img alt="<?php
echo $row->name;
?>
" class="main-image" src="<?php
echo $imgurl[0];
?>
" /></a>
<?php
} else {
?>
<img alt="<?php
echo $row->name;
?>
" class="main-image" src="images/noimage.jpg" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<a class="youtube huge_it_gallery_item" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" src="http://img.youtube.com/vi/<?php
echo $videourl[0];
?>
/mqdefault.jpg" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
?>
<a class="vimeo huge_it_gallery_item" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" src="<?php
echo $imgsrc;
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
}
?>
<?php
break;
}
?>
</div>
<div class="right-block">
<div><h2 class="title"><?php
echo $row->name;
?>
</h2></div>
<?php
if ($paramssld["ht_view5_show_description"] == 'on') {
?>
<div class="description"><?php
echo $row->description;
?>
</div><?php
}
?>
<?php
if ($paramssld["ht_view5_show_linkbutton"] == 'on') {
?>
<div class="button-block">
<a href="<?php
echo $link;
?>
" <?php
if ($row->link_target == "on") {
echo 'target="_blank"';
}
?>
><?php
echo $paramssld["ht_view5_linkbutton_text"];
?>
</a>
</div>
<?php
}
?>
</div>
</div>
</div>
<?php
}
?>
</div>
<script src="<?php
echo plugins_url('../js/jquery.liquid-slider.min.js', __FILE__);
?>
"></script>
<script>
/**
* If you need to access the internal property or methods, use this:
* var api = $.data( jQuery('#main-slider')[0], 'liquidSlider');
* console.log(api);
*/
jQuery('#main-slider_<?php
echo $galleryID;
?>
').liquidSlider();
</script>
<?php
break;
/////////////////////////////// VIEW 2 Lightbox Gallery /////////////////////////////
/////////////////////////////// VIEW 2 Lightbox Gallery /////////////////////////////
case 5:
?>
<style type="text/css">
.element_<?php
echo $galleryID;
?>
{
width:<?php
echo $paramssld['ht_view6_width'];
?>
px;
margin:0px 0px 10px 0px;
border:<?php
echo $paramssld['ht_view6_border_width'];
?>
px solid #<?php
echo $paramssld['ht_view6_border_color'];
?>
;
border-radius:<?php
echo $paramssld['ht_view6_border_radius'];
?>
px;
outline:none;
overflow:hidden;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
{
position:relative;
width:<?php
echo $paramssld['ht_view6_width'];
?>
px;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
a {display:block;}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
img {
width:<?php
echo $paramssld['ht_view6_width'];
?>
px !important;
height:auto;
display:block;
border-radius: 0px !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
img:hover {
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
.play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
.play-icon.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
.element_<?php
echo $galleryID;
?>
.image-block_<?php
echo $galleryID;
?>
.play-icon.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
{
position:absolute;
left:0px;
width:100%;
padding-top:5px;
height:30px;
bottom:-35px;
background: <?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view6_title_background_color'], 2));
$titleopacity = $paramssld["ht_view6_title_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
-webkit-transition: bottom 0.3s ease-out 0.1s;
-moz-transition: bottom 0.3s ease-out 0.1s;
-o-transition: bottom 0.3s ease-out 0.1s;
transition: bottom 0.3s ease-out 0.1s;
}
.element_<?php
echo $galleryID;
?>
:hover .title-block_<?php
echo $galleryID;
?>
{bottom:0px;}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a, .element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:link, .element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:visited {
position:relative;
margin:0px;
padding:0px 1% 0px 2%;
width:97%;
text-decoration:none;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
z-index:20;
font-size: <?php
echo $paramssld["ht_view6_title_font_size"];
?>
px;
color:#<?php
echo $paramssld["ht_view6_title_font_color"];
?>
;
font-weight:normal;
}
.element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:hover, .element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:focus, .element_<?php
echo $galleryID;
?>
.title-block_<?php
echo $galleryID;
?>
a:active {
color:#<?php
echo $paramssld["ht_view6_title_font_hover_color"];
?>
;
text-decoration:none;
}
</style>
<section id="huge_it_gallery_content_<?php
echo $galleryID;
?>
">
<div id="huge_it_gallery_container_<?php
echo $galleryID;
?>
" class="super-list variable-sizes clearfix">
<?php
foreach ($images as $key => $row) {
$link = $row->sl_url;
$descnohtml = strip_tags($row->description);
$result = substr($descnohtml, 0, 50);
?>
<div class="element_<?php
echo $galleryID;
?>
" tabindex="0" data-symbol="<?php
echo $row->name;
?>
" data-category="alkaline-earth">
<div class="image-block_<?php
echo $galleryID;
?>
">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
$imgurl = explode(";", $row->image_url);
?>
<?php
if ($row->image_url != ';') {
?>
<a href="<?php
echo $imgurl[0];
?>
"><img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
" /></a>
<?php
} else {
?>
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" />
<?php
}
?>
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<a class="youtube huge_it_gallery_item group1" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" src="http://img.youtube.com/vi/<?php
echo $videourl[0];
?>
/mqdefault.jpg" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
?>
<a class="vimeo huge_it_gallery_item group1" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" src="<?php
echo $imgsrc;
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
}
?>
<?php
break;
}
?>
</div>
<?php
if ($row->name != "") {
?>
<div class="title-block_<?php
echo $galleryID;
?>
">
<a href="<?php
echo $link;
?>
" <?php
if ($row->link_target == "on") {
echo 'target="_blank"';
}
?>
><?php
echo $row->name;
?>
</a>
</div>
<?php
}
?>
</div>
<?php
}
?>
<div style="clear:both;"></div>
</div>
</section>
<script>
jQuery(function(){
var defaultBlockWidth=<?php
echo $paramssld['ht_view6_width'];
?>
+20+<?php
echo $paramssld['ht_view6_width'] * 2;
?>
;
var $container = jQuery('#huge_it_gallery_container_<?php
echo $galleryID;
?>
');
// add randomish size classes
$container.find('.element_<?php
echo $galleryID;
?>
').each(function(){
var $this = jQuery(this),
number = parseInt( $this.find('.number').text(), 10 );
//alert(number);
if ( number % 7 % 2 === 1 ) {
$this.addClass('width2');
}
if ( number % 3 === 0 ) {
$this.addClass('height2');
}
});
$container.hugeitmicro({
itemSelector : '.element_<?php
echo $galleryID;
?>
',
masonry : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
+10+<?php
echo $paramssld['ht_view6_border_width'] * 2;
?>
},
masonryHorizontal : {
rowHeight: 'auto'
},
cellsByRow : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
,
rowHeight : 'auto'
},
cellsByColumn : {
columnWidth : <?php
echo $paramssld['ht_view6_width'];
?>
,
rowHeight : 'auto'
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
var $optionSets = jQuery('#huge_it_gallery_options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = jQuery(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
changeLayoutMode( $this, options )
} else {
$container.hugeitmicro( options );
}
return false;
});
<?php
if ($paramssld['ht_view6_content_in_center'] == 'on') {
?>
centersection();
jQuery(window).resize(function(){
centersection();
});
function centersection(){
var elementwidth=<?php
echo $paramssld['ht_view6_width'];
?>
+ 10 + <?php
echo $paramssld['ht_view6_border_width'] * 2;
?>
;
var enterycontent=jQuery("#huge_it_gallery_container_<?php
echo $galleryID;
?>
").width();
var whole=~~(enterycontent/(elementwidth));
if(whole==0){ return false; }
else { var sectionwidth= whole * elementwidth;}
jQuery("#huge_it_gallery_container_moving_<?php
echo $galleryID;
?>
").width(sectionwidth).css({"margin":"0px auto","overflow":"hidden",});
// alert(elementwidth + " " + enterycontent + " " + whole + " " + sectionwidth);
}
<?php
}
?>
var isHorizontal = false;
function changeLayoutMode( $link, options ) {
var wasHorizontal = isHorizontal;
isHorizontal = $link.hasClass('horizontal');
if ( wasHorizontal !== isHorizontal ) {
var style = isHorizontal ?
{ height: '100%', width: $container.width() } :
{ width: 'auto' };
$container.filter(':animated').stop();
$container.addClass('no-transition').css( style );
setTimeout(function(){
$container.removeClass('no-transition').hugeitmicro( options );
}, 100 )
} else {
$container.hugeitmicro( options );
}
}
var $sortBy = jQuery('#sort-by');
jQuery('#shuffle a').click(function(){
$container.hugeitmicro('shuffle');
$sortBy.find('.selected').removeClass('selected');
$sortBy.find('[data-option-value="random"]').addClass('selected');
return false;
});
jQuery(window).load(function(){
$container.hugeitmicro('reLayout');
});
});
</script>
<?php
break;
/////////////////////////////// VIEW 3 Gallery Huge IT Slider /////////////////////////////
/////////////////////////////// VIEW 3 Gallery Huge IT Slider /////////////////////////////
case 3:
$sliderID = $gallery[0]->id;
$slidertitle = $gallery[0]->name;
$sliderheight = $gallery[0]->sl_height;
$sliderwidth = $gallery[0]->sl_width;
$slidereffect = $gallery[0]->gallery_list_effects_s;
$slidepausetime = $gallery[0]->description + $gallery[0]->param;
$sliderpauseonhover = $gallery[0]->pause_on_hover;
$sliderposition = $gallery[0]->sl_position;
$slidechangespeed = $gallery[0]->param;
$slideshow_title_position = explode('-', trim($paramssld['slider_title_position']));
$slideshow_description_position = explode('-', trim($paramssld['slider_description_position']));
$hasyoutube = false;
$hasvimeo = false;
foreach ($images as $key => $image_row) {
if (strpos($image_row->image_url, 'youtube') !== false) {
$hasyoutube = true;
}
if (strpos($image_row->image_url, 'vimeo') !== false) {
$hasvimeo = true;
}
}
?>
<script>var video_is_playing_gallery_<?php
echo $sliderID;
?>
=false;</script>
<?php
if ($hasvimeo == true) {
?>
<script src="<?php
echo plugins_url('js/vimeo.lib.js', __FILE__);
?>
"></script>
<script>
jQuery(function(){
var vimeoPlayer = document.querySelector('iframe');
jQuery('iframe').each(function(){
Froogaloop(this).addEvent('ready', ready);
});
jQuery(".sidedock,.controls").remove();
function ready(player_id) {
froogaloop = $f(player_id);
function setupEventListeners() {
function onPlay() {
froogaloop.addEvent('play',
function(){
video_is_playing_gallery_<?php
echo $sliderID;
?>
=true;
});
}
function onPause() {
froogaloop.addEvent('pause',
function(){
video_is_playing_gallery_<?php
echo $sliderID;
?>
=false;
});
}
function stopVimeoVideo(player){
Froogaloop(player).api('pause');
}
onPlay();
onPause();
jQuery('#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
, #huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
').click(function(){
stopVimeoVideo(player_id);
});
}
setupEventListeners();
}
});
</script>
<?php
}
?>
<?php
if ($hasyoutube == true) {
?>
<script src="<?php
echo plugins_url('js/youtube.lib.js', __FILE__);
?>
"></script>
<script>
<?php
function get_youtube_id_from_url($url)
{
if (stristr($url, 'youtu.be/')) {
preg_match('/(https:|http:|)(\\/\\/www\\.|\\/\\/|)(.*?)\\/(.{11})/i', $url, $final_ID);
return $final_ID[4];
} else {
preg_match('/(https:|http:|):(\\/\\/www\\.|\\/\\/|)(.*?)\\/(embed\\/|watch\\?v=|(.*?)&v=|v\\/|e\\/|.+\\/|watch.*v=|)([a-z_A-Z0-9]{11})/i', $url, $IDD);
return $IDD[6];
}
}
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
var player_<?php
echo $image_row->id;
?>
;
<?php
} else {
if (strpos($image_row->image_url, 'vimeo') !== false) {
?>
<?php
} else {
continue;
}
}
$i++;
}
?>
video_is_playing_gallery_<?php
echo $sliderID;
?>
=false;
function onYouTubeIframeAPIReady() {
<?php
foreach ($images as $key => $image_row) {
?>
<?php
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
player_<?php
echo $image_row->id;
?>
= new YT.Player('video_id_gallery_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
', {
height: '<?php
echo $sliderheight;
?>
',
width: '<?php
echo $sliderwidth;
?>
',
videoId: '<?php
echo get_youtube_id_from_url($image_row->image_url);
?>
',
playerVars: {
'controls': <?php
if ($images[$key]->sl_url == "on") {
echo 1;
} else {
echo 0;
}
?>
,
'showinfo': <?php
if ($images[$key]->link_target == "on") {
echo 1;
} else {
echo 0;
}
?>
},
events: {
'onStateChange': onPlayerStateChange_<?php
echo $image_row->id;
?>
,
'loop':1
}
});
<?php
} else {
continue;
}
}
?>
}
<?php
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
function onPlayerStateChange_<?php
echo $image_row->id;
?>
(event) {
//(event.data);
if (event.data == YT.PlayerState.PLAYING) {
event.target.setPlaybackQuality('<?php
echo $images[$key]->name;
?>
');
video_is_playing_gallery_<?php
echo $sliderID;
?>
=true;
}
else{
video_is_playing_gallery_<?php
echo $sliderID;
?>
=false;
}
}
<?php
} else {
continue;
}
}
?>
function stopYoutubeVideo() {
<?php
$i = 0;
foreach ($images as $key => $image_row) {
if ($image_row->sl_type == "video" and strpos($image_row->image_url, 'youtube') !== false) {
?>
player_<?php
echo $image_row->id;
?>
.pauseVideo();
<?php
} else {
continue;
}
$i++;
}
?>
}
</script>
<?php
}
?>
<script>
var data_gallery_<?php
echo $sliderID;
?>
= [];
var event_stack_gallery_<?php
echo $sliderID;
?>
= [];
<?php
// $images=array_reverse($images);
$recent_posts = wp_get_recent_posts($args, ARRAY_A);
$i = 0;
foreach ($images as $image) {
$imagerowstype = $image->sl_type;
if ($image->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
echo 'data_gallery_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'video':
echo 'data_gallery_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["image_url"]="' . $image->image_url . '";';
$strdesription = str_replace('"', "'", $image->description);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $image->name);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
break;
case 'last_posts':
foreach ($recent_posts as $keyl => $recentimage) {
if (get_the_post_thumbnail($recentimage["ID"], 'thumbnail') != '') {
if ($keyl < $image->sl_url) {
echo 'data_gallery_' . $sliderID . '["' . $i . '"]=[];';
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["id"]="' . $i . '";';
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["image_url"]="' . $recentimage['guid'] . '";';
$strdesription = str_replace('"', "'", $recentimage['post_content']);
$strdesription = preg_replace("/\r|\n/", " ", $strdesription);
$strdesription = substr_replace($strdesription, "", $image->description);
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["description"]="' . $strdesription . '";';
$stralt = str_replace('"', "'", $recentimage['post_title']);
$stralt = preg_replace("/\r|\n/", " ", $stralt);
echo 'data_gallery_' . $sliderID . '["' . $i . '"]["alt"]="' . $stralt . '";';
$i++;
}
}
}
break;
}
}
?>
var huge_it_trans_in_progress_gallery_<?php
echo $sliderID;
?>
= false;
var huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
= <?php
echo $slidechangespeed;
?>
;
var huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
;
// Stop autoplay.
window.clearInterval(huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
);
// alert('huge_it_current_key_gallery_<?php
echo $sliderID;
?>
');
var huge_it_current_key_gallery_<?php
echo $sliderID;
?>
= '<?php
echo isset($current_key) ? $current_key : '';
?>
';
function huge_it_move_dots_gallery_<?php
echo $sliderID;
?>
() {
var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").position().left;
var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").outerWidth(true);
}
function huge_it_testBrowser_cssTransitions_gallery_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_gallery_<?php
echo $sliderID;
?>
('Transition');
}
function huge_it_testBrowser_cssTransforms3d_gallery_<?php
echo $sliderID;
?>
() {
return huge_it_testDom_gallery_<?php
echo $sliderID;
?>
('Perspective');
}
function huge_it_testDom_gallery_<?php
echo $sliderID;
?>
(prop) {
// Browser vendor CSS prefixes.
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
// Browser vendor DOM prefixes.
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function huge_it_cube_gallery_<?php
echo $sliderID;
?>
(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_gallery_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_gallery_<?php
echo $sliderID;
?>
+ "_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
");
return huge_it_fallback_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
if (!huge_it_testBrowser_cssTransforms3d_gallery_<?php
echo $sliderID;
?>
()) {
return huge_it_fallback3d_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_gallery_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_gallery_<?php
echo $sliderID;
?>
+ "_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
");
jQuery(".huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
,.huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_gallery_<?php
echo $sliderID;
?>
").css('overflow', 'visible');
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".huge_it_slider_gallery_<?php
echo $sliderID;
?>
").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".huge_it_slider_gallery_<?php
echo $sliderID;
?>
").css({
transition: 'all ' + huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
+ 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".huge_it_slider_gallery_<?php
echo $sliderID;
?>
").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
/*if (huge_it_from_focus_gallery_<?php
echo $sliderID;
?>
) {
huge_it_from_focus_gallery_<?php
echo $sliderID;
?>
= false;
return;
}*/
jQuery(".huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_second_item_gallery_<?php
echo $sliderID;
?>
").css('overflow', 'hidden');
jQuery(".huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
").removeAttr('style');
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".huge_it_slider_gallery_<?php
echo $sliderID;
?>
").removeAttr('style');
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
// huge_it_change_watermark_container_gallery_<?php
echo $sliderID;
?>
();
huge_it_trans_in_progress_gallery_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_gallery_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_gallery_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_gallery_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_gallery_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(key[0], key[1], data_gallery_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_cubeH_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
huge_it_cube_gallery_<?php
echo $sliderID;
?>
(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_gallery_<?php
echo $sliderID;
?>
(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function huge_it_cubeV_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
huge_it_cube_gallery_<?php
echo $sliderID;
?>
(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_gallery_<?php
echo $sliderID;
?>
(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function huge_it_fallback_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_fade_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function huge_it_fallback3d_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_sliceV_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
function huge_it_none_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_gallery_<?php
echo $sliderID;
?>
+ "_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
");
}
function huge_it_fade_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (huge_it_testBrowser_cssTransitions_gallery_<?php
echo $sliderID;
?>
()) {
jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
+ 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
,
complete: function () {return false;}
});
// For IE.
jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
, 0);
jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
, 1);
}
jQuery(".huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_gallery_<?php
echo $sliderID;
?>
+ "_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
");
}
function huge_it_grid_gallery_<?php
echo $sliderID;
?>
(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_gallery_<?php
echo $sliderID;
?>
()) {
jQuery(".huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_gallery_<?php
echo $sliderID;
?>
+ "_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
");
return huge_it_fallback_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_gallery_<?php
echo $sliderID;
?>
= true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
");
jQuery("#huge_it_dots_" + huge_it_current_key_gallery_<?php
echo $sliderID;
?>
+ "_gallery_<?php
echo $sliderID;
?>
").removeClass("huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
").addClass("huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('<div class="huge_it_gridlet_gallery_<?php
echo $sliderID;
?>
" />').css({
width : width,
height : height,
top : top,
left : left,
backgroundImage : 'url("' + src + '")',
backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").css("background-color"),
/*backgroundColor: rgba(0, 0, 0, 0),*/
backgroundRepeat: 'no-repeat',
backgroundPosition : img_left + 'px ' + img_top + 'px',
backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
transition : 'all ' + huge_it_transition_duration_gallery_<?php
echo $sliderID;
?>
+ 'ms ease-in-out ' + delay + 'ms',
transform : 'none'
});
}
/* Get the current slide's image.*/
var cur_img = jQuery(current_image_class).find('img');
/* Create a grid to hold the gridlets.*/
var grid = jQuery('<div />').addClass('huge_it_grid_gallery_<?php
echo $sliderID;
?>
');
/* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
jQuery(current_image_class).prepend(grid);
/* vars to calculate positioning/size of gridlets*/
var cont = jQuery(".huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
");
var imgWidth = cur_img.width();
var imgHeight = cur_img.height();
var contWidth = cont.width(),
contHeight = cont.height(),
imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
colWidth = Math.floor(contWidth / cols),
rowHeight = Math.floor(contHeight / rows),
colRemainder = contWidth - (cols * colWidth),
colAdd = Math.ceil(colRemainder / cols),
rowRemainder = contHeight - (rows * rowHeight),
rowAdd = Math.ceil(rowRemainder / rows),
leftDist = 0,
img_leftDist = (jQuery(".huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
").width() - cur_img.width()) / 2;
/* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
tx = tx === 'auto' ? contWidth : tx;
tx = tx === 'min-auto' ? - contWidth : tx;
ty = ty === 'auto' ? contHeight : ty;
ty = ty === 'min-auto' ? - contHeight : ty;
/* Loop through cols*/
for (var i = 0; i < cols; i++) {
var topDist = 0,
img_topDst = (jQuery(".huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
").height() - cur_img.height()) / 2,
newColWidth = colWidth;
/* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
if (colRemainder > 0) {
var add = colRemainder >= colAdd ? colAdd : colRemainder;
newColWidth += add;
colRemainder -= add;
}
/* Nested loop to create row gridlets for each col.*/
for (var j = 0; j < rows; j++) {
var newRowHeight = rowHeight,
newRowRemainder = rowRemainder;
/* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
if (newRowRemainder > 0) {
add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
newRowHeight += add;
newRowRemainder -= add;
}
/* Create & append gridlet to grid.*/
grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
topDist += newRowHeight;
img_topDst -= newRowHeight;
}
img_leftDist -= newColWidth;
leftDist += newColWidth;
}
/* Set event listener on last gridlet to finish transitioning.*/
var last_gridlet = grid.children().last();
/* Show grid & hide the image it replaces.*/
grid.show();
cur_img.css('opacity', 0);
/* Add identifying classes to corner gridlets (useful if applying border radius).*/
grid.children().first().addClass('rs-top-left');
grid.children().last().addClass('rs-bottom-right');
grid.children().eq(rows - 1).addClass('rs-bottom-left');
grid.children().eq(- rows).addClass('rs-top-right');
/* Execution steps.*/
setTimeout(function () {
grid.children().css({
opacity: op,
transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
});
}, 1);
jQuery(next_image_class).css('opacity', 1);
/* After transition.*/
jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
cur_img.css('opacity', 1);
grid.remove();
huge_it_trans_in_progress_gallery_<?php
echo $sliderID;
?>
= false;
if (typeof event_stack_gallery_<?php
echo $sliderID;
?>
!== 'undefined' && event_stack_gallery_<?php
echo $sliderID;
?>
.length > 0) {
key = event_stack_gallery_<?php
echo $sliderID;
?>
[0].split("-");
event_stack_gallery_<?php
echo $sliderID;
?>
.shift();
huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(key[0], key[1], data_gallery_<?php
echo $sliderID;
?>
, true,false);
}
}
}
function huge_it_sliceH_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_sliceV_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'min-auto';
}
else if (direction == 'left') {
var translateY = 'auto';
}
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_slideV_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'auto';
}
else if (direction == 'left') {
var translateY = 'min-auto';
}
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_slideH_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_scaleOut_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_scaleIn_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_blockScale_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
}
function huge_it_kaleidoscope_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_fan_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var rotate = 45;
var translateX = 100;
}
else if (direction == 'left') {
var rotate = -45;
var translateX = -100;
}
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_blindV_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_blindH_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
huge_it_grid_gallery_<?php
echo $sliderID;
?>
(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_random_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction) {
var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
/* Pick a random transition from the anims array.*/
this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_<?php
echo $sliderID;
?>
"](current_image_class, next_image_class, direction);
}
function iterator_gallery_<?php
echo $sliderID;
?>
() {
var iterator = 1;
return iterator;
}
function huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(current_key, key, data_gallery_<?php
echo $sliderID;
?>
, from_effect,clicked) {
if (data_gallery_<?php
echo $sliderID;
?>
[key]) {
if(video_is_playing_gallery_<?php
echo $sliderID;
?>
&& !clicked){
return false;
}
if (!from_effect) {
// Change image key.
jQuery("#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
").val(key);
// if (current_key == '-2') { /* Dots.*/
current_key = jQuery(".huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
").attr("image_key");
// }
}
if (huge_it_trans_in_progress_gallery_<?php
echo $sliderID;
?>
) {
//errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").after(" --IN TRANSACTION-- <br />");
event_stack_gallery_<?php
echo $sliderID;
?>
.push(current_key + '-' + key);
return;
}
var direction = 'right';
if (huge_it_current_key_gallery_<?php
echo $sliderID;
?>
> key) {
var direction = 'left';
}
else if (huge_it_current_key_gallery_<?php
echo $sliderID;
?>
== key) {
return false;
}
// Set active thumbnail position.
huge_it_current_key_gallery_<?php
echo $sliderID;
?>
= key;
//Change image id, title, description.
jQuery("#huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
").attr('image_id', data_gallery_<?php
echo $sliderID;
?>
[key]["id"]);
jQuery(".huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
").html(data_gallery_<?php
echo $sliderID;
?>
[key]["alt"]);
jQuery(".huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
").html(data_gallery_<?php
echo $sliderID;
?>
[key]["description"]);
var current_image_class = "#image_id_gallery_<?php
echo $sliderID;
?>
_" + data_gallery_<?php
echo $sliderID;
?>
[current_key]["id"];
var next_image_class = "#image_id_gallery_<?php
echo $sliderID;
?>
_" + data_gallery_<?php
echo $sliderID;
?>
[key]["id"];
if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_<?php
echo $sliderID;
?>
').length>0) {
var streffect='<?php
echo $slidereffect;
?>
';
if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
huge_it_<?php
echo $slidereffect;
?>
_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}else{
huge_it_fade_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
}else{
huge_it_<?php
echo $slidereffect;
?>
_gallery_<?php
echo $sliderID;
?>
(current_image_class, next_image_class, direction);
}
jQuery('.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery('.huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
').removeClass('none');
if(jQuery('.huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
').html()==""){jQuery('.huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
').addClass('none');}
jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
').addClass('none');
jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
').addClass('none');
//errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
huge_it_move_dots_gallery_<?php
echo $sliderID;
?>
();
<?php
if ($hasyoutube == true) {
?>
stopYoutubeVideo(); <?php
}
?>
window.clearInterval(huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
);
play_gallery_<?php
echo $sliderID;
?>
();
}
}
function huge_it_popup_resize_gallery_<?php
echo $sliderID;
?>
() {
var staticsliderwidth=<?php
echo $sliderwidth;
?>
;
var sliderwidth=<?php
echo $sliderwidth;
?>
;
var bodyWidth=jQuery(window).width();
var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").parent().width();
//if responsive js late responsive.js @ take body size and not parent div
if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
var str=(<?php
echo $sliderheight;
?>
/staticsliderwidth);
jQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
jQuery(".huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
").css({height: ((sliderwidth) * str)});
if("<?php
echo $slideshow_title_position[1];
?>
"=="middle"){var titlemargintopminus=jQuery(".huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_title_position[0];
?>
"=="center"){var titlemarginleftminus=jQuery(".huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + titlemargintopminus + "px; margin-left:-"+titlemarginleftminus+"px;"});
if("<?php
echo $slideshow_description_position[1];
?>
"=="middle"){var descriptionmargintopminus=jQuery(".huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
").outerHeight()/2;}
if("<?php
echo $slideshow_description_position[0];
?>
"=="center"){var descriptionmarginleftminus=jQuery(".huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
").outerWidth()/2;}
jQuery(".huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
").css({cssText: "margin-top:-" + descriptionmargintopminus + "px; margin-left:-"+descriptionmarginleftminus+"px;"});
if("<?php
echo $paramssld['slider_crop_image'];
?>
"=="resize"){
jQuery(".huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_item1_gallery_<?php
echo $sliderID;
?>
img, .huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
img").css({
cssText: "width:" + sliderwidth + "px; height:" + ((sliderwidth) * str) +"px;"
});
}else {
jQuery(".huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item1_gallery_<?php
echo $sliderID;
?>
,.huge_it_slideshow_image_item2_gallery_<?php
echo $sliderID;
?>
").css({
cssText: "max-width: " + sliderwidth + "px !important; max-height: " + (sliderwidth * str) + "px !important;"
});
}
jQuery('.huge_it_video_frame_gallery_<?php
echo $sliderID;
?>
').each(function (e) {
jQuery(this).width(sliderwidth);
jQuery(this).height(sliderwidth * str);
});
}
jQuery(window).load(function () {
jQuery(window).resize(function() {
huge_it_popup_resize_gallery_<?php
echo $sliderID;
?>
();
});
huge_it_popup_resize_gallery_<?php
echo $sliderID;
?>
();
/* Disable right click.*/
jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
return false;
});
/*HOVER SLIDESHOW*/
jQuery("#huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_gallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
").hover(function(){
//errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").after(" -- hover -- <br /> ");
jQuery("#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
").css({'display':'inline'});
jQuery("#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
").css({'display':'inline'});
},function(){
jQuery("#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
").css({'display':'none'});
jQuery("#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
").css({'display':'none'});
});
var pausehover="<?php
echo $sliderpauseonhover;
?>
";
if(pausehover=="on"){
jQuery("#huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
, .huge_it_slideshow_dots_container_gallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
,#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
").hover(function(){
window.clearInterval(huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
);
},function(){
window.clearInterval(huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
);
play_gallery_<?php
echo $sliderID;
?>
();
});
}
play_gallery_<?php
echo $sliderID;
?>
();
});
function play_gallery_<?php
echo $sliderID;
?>
() {
/* Play.*/
//errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").after(" -- paly ---- ");
huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
= setInterval(function () {
//errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
").after(" -- time left ---- ");
var iterator = 1;
huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()) + iterator) % data_gallery_<?php
echo $sliderID;
?>
.length, data_gallery_<?php
echo $sliderID;
?>
,false,false);
}, '<?php
echo $slidepausetime;
?>
');
}
jQuery(window).focus(function() {
/*event_stack_gallery_<?php
echo $sliderID;
?>
= [];*/
var i_gallery_<?php
echo $sliderID;
?>
= 0;
jQuery(".huge_it_slider_gallery_<?php
echo $sliderID;
?>
").children("div").each(function () {
if (jQuery(this).css('opacity') == 1) {
jQuery("#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
").val(i_gallery_<?php
echo $sliderID;
?>
);
}
i_gallery_<?php
echo $sliderID;
?>
++;
});
});
jQuery(window).blur(function() {
event_stack_gallery_<?php
echo $sliderID;
?>
= [];
window.clearInterval(huge_it_playInterval_gallery_<?php
echo $sliderID;
?>
);
});
</script>
<style>
.huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
{
height:<?php
echo $sliderheight;
?>
px;
width:<?php
echo $sliderwidth;
?>
px;
position:relative;
display: block;
text-align: center;
/*HEIGHT FROM HEADER.PHP*/
clear:both;
<?php
if ($sliderposition == "left") {
$position = 'float:left;';
} elseif ($sliderposition == "right") {
$position = 'float:right;';
} else {
$position = 'float:none; margin:0px auto;';
}
?>
<?php
echo $position;
?>
border-style:solid;
border-left:0px !important;
border-right:0px !important;
}
.huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
{
/*width:100%;*/
}
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
,
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
cursor: pointer;
display:none;
display: block;
height: 100%;
outline: medium none;
position: absolute;
/*z-index: 10130;*/
z-index: 13;
bottom:25px;
top:50%;
}
#huge_it_slideshow_left-ico_gallery_<?php
echo $sliderID;
?>
,
#huge_it_slideshow_right-ico_gallery_<?php
echo $sliderID;
?>
{
z-index: 13;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
margin-top: -15px;
position: absolute;
top: 50%;
/*z-index: 10135;*/
}
#huge_it_slideshow_left-ico_gallery_<?php
echo $sliderID;
?>
:hover,
#huge_it_slideshow_right-ico_gallery_<?php
echo $sliderID;
?>
:hover {
cursor: pointer;
}
.huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
{
display: table;
position: relative;
top:0px;
left:0px;
text-align: center;
vertical-align: middle;
width:100%;
}
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
{
text-decoration: none;
position: absolute;
z-index: 11;
display: inline-block;
<?php
if ($paramssld['slider_title_has_margin'] == 'on') {
$slider_title_width = $paramssld['slider_title_width'] - 6;
$slider_title_height = $paramssld['slider_title_height'] - 6;
$slider_title_margin = "3";
} else {
$slider_title_width = $paramssld['slider_title_width'];
$slider_title_height = $paramssld['slider_title_height'];
$slider_title_margin = "0";
}
?>
width:<?php
echo $slider_title_width;
?>
%;
/*height:<?php
echo $slider_title_height;
?>
%;*/
<?php
if ($slideshow_title_position[0] == "left") {
echo 'left:' . $slider_title_margin . '%;';
} elseif ($slideshow_title_position[0] == "center") {
echo 'left:50%;';
} elseif ($slideshow_title_position[0] == "right") {
echo 'right:' . $slider_title_margin . '%;';
}
if ($slideshow_title_position[1] == "top") {
echo 'top:' . $slider_title_margin . '%;';
} elseif ($slideshow_title_position[1] == "middle") {
echo 'top:50%;';
} elseif ($slideshow_title_position[1] == "bottom") {
echo 'bottom:' . $slider_title_margin . '%;';
}
?>
padding:2%;
text-align:<?php
echo $paramssld['slider_title_text_align'];
?>
;
font-weight:bold;
color:#<?php
echo $paramssld['slider_title_color'];
?>
;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['slider_title_background_color'], 2));
$titleopacity = $paramssld["slider_title_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
border-style:solid;
font-size:<?php
echo $paramssld['slider_title_font_size'];
?>
px;
border-width:<?php
echo $paramssld['slider_title_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_title_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_title_border_radius'];
?>
px;
}
.huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
{
text-decoration: none;
position: absolute;
z-index: 11;
border-style:solid;
display: inline-block;
<?php
if ($paramssld['slider_description_has_margin'] == 'on') {
$slider_description_width = $paramssld['slider_description_width'] - 6;
$slider_description_height = $paramssld['slider_description_height'] - 6;
$slider_description_margin = "3";
} else {
$slider_description_width = $paramssld['slider_description_width'];
$slider_descriptione_height = $paramssld['slider_description_height'];
$slider_description_margin = "0";
}
?>
width:<?php
echo $slider_description_width;
?>
%;
/*height:<?php
echo $slider_description_height;
?>
%;*/
<?php
if ($slideshow_description_position[0] == "left") {
echo 'left:' . $slider_description_margin . '%;';
} elseif ($slideshow_description_position[0] == "center") {
echo 'left:50%;';
} elseif ($slideshow_description_position[0] == "right") {
echo 'right:' . $slider_description_margin . '%;';
}
if ($slideshow_description_position[1] == "top") {
echo 'top:' . $slider_description_margin . '%;';
} elseif ($slideshow_description_position[1] == "middle") {
echo 'top:50%;';
} elseif ($slideshow_description_position[1] == "bottom") {
echo 'bottom:' . $slider_description_margin . '%;';
}
?>
padding:3%;
text-align:<?php
echo $paramssld['slider_description_text_align'];
?>
;
color:#<?php
echo $paramssld['slider_description_color'];
?>
;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['slider_description_background_color'], 2));
$descriptionopacity = $paramssld["slider_description_background_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $descriptionopacity . ') !important';
?>
;
border-style:solid;
font-size:<?php
echo $paramssld['slider_description_font_size'];
?>
px;
border-width:<?php
echo $paramssld['slider_description_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_description_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_description_border_radius'];
?>
px;
}
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
.none, .huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
.none,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
.hidden, .huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
.hidden {display:none;}
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h1, .huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
h1,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h2, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h2,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h3, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h3,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h4, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
h4,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
p, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
p,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
strong, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
strong,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
span, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
span,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
ul, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
ul,
.huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
li, .huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
li {
padding:2px;
margin:0px;
}
.huge_it_slide_container_gallery_<?php
echo $sliderID;
?>
{
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
width:100%;
height:100%;
_width: inherit;
_height: inherit;
}
.huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
{
margin: 0 auto;
width:100%;
height:100%;
_width: inherit;
_height: inherit;
}
.huge_it_slider_gallery_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
display:table;
padding:0px;
margin:0px;
}
.huge_it_slideshow_image_item_gallery_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
width: inherit;
height: inherit;
display: table-cell;
filter: Alpha(opacity=100);
opacity: 1;
position: absolute;
top:0px;
left:0px;
vertical-align: middle;
z-index: 2;
margin:0px !important;
padding:0px;
overflow:hidden;
border-radius: <?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px !important;
}
.huge_it_slideshow_image_second_item_gallery_<?php
echo $sliderID;
?>
{
width:100%;
height:100%;
_width: inherit;
_height: inherit;
display: table-cell;
filter: Alpha(opacity=0);
opacity: 0;
position: absolute;
top:0px;
left:0px;
vertical-align: middle;
z-index: 1;
overflow:hidden;
margin:0px !important;
padding:0px;
border-radius: <?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px !important;
}
.huge_it_grid_gallery_<?php
echo $sliderID;
?>
{
display: none;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.huge_it_gridlet_gallery_<?php
echo $sliderID;
?>
{
opacity: 1;
filter: Alpha(opacity=100);
position: absolute;
}
.huge_it_slideshow_dots_container_gallery_<?php
echo $sliderID;
?>
{
display: table;
position: absolute;
width:100% !important;
height:100% !important;
}
.huge_it_slideshow_dots_thumbnails_gallery_<?php
echo $sliderID;
?>
{
margin: 0 auto;
overflow: hidden;
position: absolute;
width:100%;
height:30px;
}
.huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
{
display: inline-block;
position: relative;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
width:10px;
height: 10px;
border-radius: 10px;
background: #00f;
margin: 10px;
overflow: hidden;
z-index: 17;
}
.huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
{
opacity: 1;
background:#0f0;
filter: Alpha(opacity=100);
}
.huge_it_slideshow_dots_deactive_gallery_<?php
echo $sliderID;
?>
{
}
.huge_it_slideshow_image_item1_gallery_<?php
echo $sliderID;
?>
{
display: table;
width: inherit;
height: inherit;
}
.huge_it_slideshow_image_item2_gallery_<?php
echo $sliderID;
?>
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.huge_it_slideshow_image_item2_gallery_<?php
echo $sliderID;
?>
a {
display:block;
vertical-align:middle;
width:100%;
height:100%;
}
.huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_slider_background_color'];
?>
;
border-width:<?php
echo $paramssld['slider_slideshow_border_size'];
?>
px;
border-color:#<?php
echo $paramssld['slider_slideshow_border_color'];
?>
;
border-radius:<?php
echo $paramssld['slider_slideshow_border_radius'];
?>
px;
}
.huge_it_slideshow_dots_thumbnails_gallery_<?php
echo $sliderID;
?>
{
<?php
if ($paramssld['slider_dots_position'] == "bottom") {
?>
bottom:0px;
<?php
} else {
if ($paramssld['slider_dots_position'] == "none") {
?>
display:none;
<?php
} else {
?>
top:0px; <?php
}
}
?>
}
.huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_dots_color'];
?>
;
}
.huge_it_slideshow_dots_active_gallery_<?php
echo $sliderID;
?>
{
background:#<?php
echo $paramssld['slider_active_dot_color'];
?>
;
}
<?php
$arrowfolder = plugins_url('gallery-images/Front_images/arrows');
switch ($paramssld['slider_navigation_type']) {
case 1:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-21px;
height:43px;
width:29px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.simple.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-21px;
height:43px;
width:29px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.simple.png) right top no-repeat;
}
<?php
break;
case 2:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.shadow.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.shadow.png) right top no-repeat;
}
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -50px;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -50px;
}
<?php
break;
case 3:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:44px;
width:44px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.simple.dark.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:44px;
width:44px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.simple.dark.png) right top no-repeat;
}
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -44px;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -44px;
}
<?php
break;
case 4:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-33px;
height:65px;
width:59px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.cube.dark.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-33px;
height:65px;
width:59px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.cube.dark.png) right top no-repeat;
}
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -66px;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -66px;
}
<?php
break;
case 5:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-18px;
height:37px;
width:40px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.blue.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-18px;
height:37px;
width:40px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.blue.png) right top no-repeat;
}
<?php
break;
case 6:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.cube.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-25px;
height:50px;
width:50px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.cube.png) right top no-repeat;
}
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -50px;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -50px;
}
<?php
break;
case 7:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
right:0px;
margin-top:-19px;
height:38px;
width:38px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.transparent.circle.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-19px;
height:38px;
width:38px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.light.transparent.circle.png) right top no-repeat;
}
<?php
break;
case 8:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.png) right top no-repeat;
}
<?php
break;
case 9:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.blue.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-22px;
height:45px;
width:45px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.blue.png) right top no-repeat;
}
<?php
break;
case 10:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-24px;
height:48px;
width:48px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.green.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-24px;
height:48px;
width:48px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.circle.green.png) right top no-repeat;
}
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:left -48px;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
:hover {
background-position:right -48px;
}
<?php
break;
case 11:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-29px;
height:58px;
width:55px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.blue.retro.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-29px;
height:58px;
width:55px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.blue.retro.png) right top no-repeat;
}
<?php
break;
case 12:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-37px;
height:74px;
width:74px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.green.retro.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-37px;
height:74px;
width:74px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.green.retro.png) right top no-repeat;
}
<?php
break;
case 13:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-16px;
height:33px;
width:33px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.red.circle.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-16px;
height:33px;
width:33px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.red.circle.png) right top no-repeat;
}
<?php
break;
case 14:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-51px;
height:102px;
width:52px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.triangle.white.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-51px;
height:102px;
width:52px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.triangle.white.png) right top no-repeat;
}
<?php
break;
case 15:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:0px;
margin-top:-19px;
height:39px;
width:70px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.ancient.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:0px;
margin-top:-19px;
height:39px;
width:70px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.ancient.png) right top no-repeat;
}
<?php
break;
case 16:
?>
#huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
{
left:-21px;
margin-top:-20px;
height:40px;
width:37px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.black.out.png) left top no-repeat;
}
#huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
{
right:-21px;
margin-top:-20px;
height:40px;
width:37px;
background:url(<?php
echo $arrowfolder;
?>
/arrows.black.out.png) right top no-repeat;
}
<?php
break;
}
?>
</style>
<div class="huge_it_slideshow_image_wrap_gallery_<?php
echo $sliderID;
?>
">
<?php
$current_pos = 0;
?>
<!-- ##########################DOTS######################### -->
<div class="huge_it_slideshow_dots_container_gallery_<?php
echo $sliderID;
?>
">
<div class="huge_it_slideshow_dots_thumbnails_gallery_<?php
echo $sliderID;
?>
">
<?php
$current_image_id = 0;
$current_pos = 0;
$current_key = 0;
$stri = 0;
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_gallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_gallery_' . $sliderID : 'huge_it_slideshow_dots_deactive_gallery_' . $sliderID;
?>
" onclick="huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_gallery_<?php
echo $sliderID;
?>
,false,true);return false;" image_id="<?php
echo $image_row->id;
?>
" image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
break;
case 'video':
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_gallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
<?php
echo $key == $current_image_id ? 'huge_it_slideshow_dots_active_gallery_' . $sliderID : 'huge_it_slideshow_dots_deactive_gallery_' . $sliderID;
?>
" onclick="huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_gallery_<?php
echo $sliderID;
?>
,false,true);return false;" image_id="<?php
echo $image_row->id;
?>
" image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
break;
case 'last_posts':
foreach ($recent_posts as $lkeys => $last_posts) {
if ($lkeys < $image_row->sl_url) {
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if ($image_row->id == $current_image_id) {
$current_pos = $stri;
$current_key = $stri;
}
?>
<div id="huge_it_dots_<?php
echo $stri;
?>
_gallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_dots_gallery_<?php
echo $sliderID;
?>
<?php
echo $stri == $current_image_id ? 'huge_it_slideshow_dots_active_gallery_' . $sliderID : 'huge_it_slideshow_dots_deactive_gallery_' . $sliderID;
?>
" onclick="huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()), '<?php
echo $stri;
?>
', data_gallery_<?php
echo $sliderID;
?>
,false,true);return false;" image_id="<?php
echo $image_row->id;
?>
" image_key="<?php
echo $stri;
?>
"></div>
<?php
$stri++;
}
}
}
break;
}
}
?>
</div>
<?php
if ($paramssld['slider_show_arrows'] == "on") {
?>
<a id="huge_it_slideshow_left_gallery_<?php
echo $sliderID;
?>
" href="#" onclick="huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()) - iterator_gallery_<?php
echo $sliderID;
?>
()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()) - iterator_gallery_<?php
echo $sliderID;
?>
()) % data_gallery_<?php
echo $sliderID;
?>
.length : data_gallery_<?php
echo $sliderID;
?>
.length - 1, data_gallery_<?php
echo $sliderID;
?>
,false,true);return false;">
<div id="huge_it_slideshow_left-ico_gallery_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_prev_btn_gallery_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<a id="huge_it_slideshow_right_gallery_<?php
echo $sliderID;
?>
" href="#" onclick="huge_it_change_image_gallery_<?php
echo $sliderID;
?>
(parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
').val()) + iterator_gallery_<?php
echo $sliderID;
?>
()) % data_gallery_<?php
echo $sliderID;
?>
.length, data_gallery_<?php
echo $sliderID;
?>
,false,true);return false;">
<div id="huge_it_slideshow_right-ico_<?php
echo $sliderID;
?>
, data_<?php
echo $sliderID;
?>
">
<div><i class="huge_it_slideshow_next_btn_gallery_<?php
echo $sliderID;
?>
fa"></i></div></div>
</a>
<?php
}
?>
</div>
<!-- ##########################IMAGES######################### -->
<div id="huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_container_gallery_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_container_gallery_<?php
echo $sliderID;
?>
">
<div class="huge_it_slide_bg_gallery_<?php
echo $sliderID;
?>
">
<ul class="huge_it_slider_gallery_<?php
echo $sliderID;
?>
">
<?php
$i = 0;
foreach ($images as $key => $image_row) {
$imagerowstype = $image_row->sl_type;
if ($image_row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_gallery_<?php
echo $sliderID;
?>
" id="image_id_gallery_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_url != "") {
if ($image_row->link_target == "on") {
$target = 'target="_blank' . $image_row->link_target . '"';
}
echo '<a href="' . $image_row->sl_url . '" ' . $target . '>';
}
?>
<img alt="<?php
echo $image_row->name;
?>
" id="huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
" src="<?php
echo $image_row->image_url;
?>
" image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_url != "") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
<?php
if (trim($image_row->name) == "") {
echo "none";
}
?>
">
<?php
echo $image_row->name;
?>
</div>
<div class="huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
<?php
if (trim($image_row->description) == "") {
echo "none";
}
?>
">
<?php
echo $image_row->description;
?>
</div>
</li>
<?php
$i++;
break;
case 'last_posts':
foreach ($recent_posts as $lkeys => $last_posts) {
if ($lkeys < $image_row->sl_url) {
$imagethumb = wp_get_attachment_image_src(get_post_thumbnail_id($last_posts["ID"]), 'thumbnail-size', true);
if (get_the_post_thumbnail($last_posts["ID"], 'thumbnail') != '') {
$target = "";
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_gallery_<?php
echo $sliderID;
?>
" id="image_id_gallery_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if ($image_row->sl_postlink == "1") {
if ($image_row->link_target == "on") {
$target = 'target="_blank' . $image_row->link_target . '"';
}
echo '<a href="' . $last_posts["guid"] . '" ' . $target . '>';
}
?>
<img alt="<?php
echo $image_row->name;
?>
" id="huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
" class="huge_it_slideshow_image_gallery_<?php
echo $sliderID;
?>
" src="<?php
echo $imagethumb[0];
?>
" image_id="<?php
echo $image_row->id;
?>
" />
<?php
if ($image_row->sl_postlink == "1") {
echo '</a>';
}
?>
<div class="huge_it_slideshow_title_text_gallery_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_title"]) == "") {
echo "none";
}
if ($image_row->sl_stitle != "1") {
echo " hidden";
}
?>
">
<?php
echo $last_posts["post_title"];
?>
</div>
<div class="huge_it_slideshow_description_text_gallery_<?php
echo $sliderID;
?>
<?php
if (trim($last_posts["post_content"]) == "") {
echo "none";
}
if ($image_row->sl_sdesc != "1") {
echo " hidden";
}
?>
">
<?php
echo substr_replace($last_posts["post_content"], "", $image_row->description);
?>
</div>
</li>
<?php
$i++;
}
}
}
break;
case 'video':
?>
<li class="huge_it_slideshow_image<?php
if ($i != $current_image_id) {
$current_key = $key;
echo '_second';
}
?>
_item_gallery_<?php
echo $sliderID;
?>
" id="image_id_gallery_<?php
echo $sliderID . '_' . $i;
?>
">
<?php
if (strpos($image_row->image_url, 'youtube') !== false) {
$video_thumb_url = get_youtube_id_from_url($image_row->image_url);
?>
<div id="video_id_gallery_<?php
echo $sliderID;
?>
_<?php
echo $key;
?>
" class="huge_it_video_frame_gallery_<?php
echo $sliderID;
?>
"></div>
<?php
} else {
$vimeo = $image_row->image_url;
$openError = explode("/", $vimeo);
$imgid = end($openError);
?>
<iframe id="player_<?php
echo $key;
?>
" class="huge_it_video_frame_gallery_<?php
echo $sliderID;
?>
" src="//player.vimeo.com/video/<?php
echo $imgid;
?>
?api=1&player_id=player_<?php
echo $key;
?>
&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
<?php
}
?>
</li>
<?php
$i++;
break;
}
}
?>
<input type="hidden" id="huge_it_current_image_key_gallery_<?php
echo $sliderID;
?>
" value="0" />
</ul>
</div>
</div>
</div>
</div>
<?php
break;
/* ########## VIEW 4 Thumbnails VIEW ##########*/
/* ########## VIEW 4 Thumbnails VIEW ##########*/
case 4:
?>
<link href="<?php
echo plugins_url('../style/thumb_view.css', __FILE__);
?>
" rel="stylesheet" type="text/css" />
<script src="<?php
echo plugins_url('../js/thumb_view.min.js', __FILE__);
?>
"></script>
<script src="<?php
echo plugins_url('../js/jquery.lazyload.min.js', __FILE__);
?>
"></script>
<style>
section #huge_it_gallery {
padding: 0px !important;
min-width: 100%;
width: 100%;
min-height: 100%;
text-align: center;
margin-bottom: 30px;
<?php
if ($paramssld["thumb_box_has_background"] == 'on') {
?>
background-color: #<?php
echo $paramssld["thumb_box_background"];
?>
; <?php
}
?>
<?php
if ($paramssld["thumb_box_use_shadow"] == 'on') {
echo 'box-shadow: 0 0 10px;';
}
?>
}
#huge_it_gallery .huge_it_big_li {
overflow:hidden;
width: <?php
echo $paramssld["thumb_image_width"];
?>
px;
height: <?php
echo $paramssld["thumb_image_height"];
?>
px;
margin: <?php
echo $paramssld["thumb_margin_image"];
?>
px !important;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
padding:0px !important
}
section #huge_it_gallery li .overLayer ul li h2,
section #huge_it_gallery li .infoLayer ul li h2 {
font-size: <?php
echo $paramssld["thumb_title_font_size"];
?>
px;
color: #<?php
echo $paramssld["thumb_title_font_color"];
?>
;
}
section #huge_it_gallery li .infoLayer ul li p {
color: #<?php
echo $paramssld["thumb_title_font_color"];
?>
;
}
section #huge_it_gallery li .overLayer,
section #huge_it_gallery li .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: <?php
echo $paramssld["thumb_image_width"];
?>
px;
height: <?php
echo $paramssld["thumb_image_height"];
?>
px;
position: absolute;
text-align: center;
opacity: 0;
top: 0px;
left: 0;
z-index: 4;
}
section #huge_it_gallery li a {
position: absolute;
display: block;
width: <?php
echo $paramssld["thumb_image_width"];
?>
px;
height: <?php
echo $paramssld["thumb_image_height"];
?>
px;
top: 0px;
left: 0px;
z-index: 6;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
}
#huge_it_gallery li img {
width: <?php
echo $paramssld["thumb_image_width"] - 2 * $paramssld["thumb_image_border_width"];
?>
px;
<?php
if ($paramssld["thumb_image_behavior"] == 'on') {
?>
height: <?php
echo $paramssld["thumb_image_height"] - 2 * $paramssld["thumb_image_border_width"];
?>
px;
<?php
}
?>
border: <?php
echo $paramssld["thumb_image_border_width"];
?>
px solid #<?php
echo $paramssld["thumb_image_border_color"];
?>
;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
margin:0px !important;
}
section #huge_it_gallery li:hover .overLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: <?php
echo $paramssld["thumb_title_background_transparency"] / 100 + 0.001;
?>
;
display: block;
background: #<?php
echo $paramssld["thumb_title_background_color"];
?>
;
border-radius: <?php
echo $paramssld["thumb_image_border_radius"];
?>
px;
}
section #huge_it_gallery li:hover .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 1;
display: block;
}
section #huge_it_gallery p {text-align:center;}
</style>
<section>
<ul id="huge_it_gallery">
<li id="fullPreview"></li>
<?php
foreach ($images as $key => $row) {
$imgurl = explode(";", $row->image_url);
?>
<li class="huge_it_big_li">
<?php
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<a class="group1" href="<?php
echo $row->image_url;
?>
"></a>
<img alt="<?php
echo $row->name;
?>
" src="<?php
echo $row->image_url;
?>
" />
<?php
break;
case 'video':
?>
<?php
$videourl = get_video_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<a class="youtube huge_it_gallery_item group1" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
"></a>
<img alt="<?php
echo $row->name;
?>
" src="http://img.youtube.com/vi/<?php
echo $videourl[0];
?>
/mqdefault.jpg" />
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
?>
<a class="vimeo huge_it_gallery_item group1" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
"></a>
<img alt="<?php
echo $row->name;
?>
" src="<?php
echo $imgsrc;
?>
" />
<?php
}
?>
<?php
break;
}
?>
<div class="overLayer"></div>
<div class="infoLayer">
<ul>
<li>
<h2>
<?php
echo $row->name;
?>
</h2>
</li>
<li>
<p>
<?php
echo $paramssld["thumb_view_text"];
?>
</p>
</li>
</ul>
</div>
</li>
<?php
}
?>
</ul>
</section>
<?php
break;
///////////////////////////// view 8 justified's view ///////////////////////////////////////
///////////////////////////// view 8 justified's view ///////////////////////////////////////
case 6:
?>
<?php
$path_site = plugins_url("", __FILE__);
?>
<link rel="stylesheet" href="<?php
echo $path_site;
?>
/../style/justifiedGallery.css" />
<script>
var imagemargin=<?php
echo $paramssld["ht_view8_element_padding"];
?>
;
var imagerandomize=<?php
echo $paramssld["ht_view8_element_randomize"];
?>
;
var imagecssAnimation=<?php
echo $paramssld["ht_view8_element_cssAnimation"];
?>
;
var imagecssAnimationSpeed=<?php
echo $paramssld["ht_view8_element_animation_speed"];
?>
;
var imageheight= <?php
echo $paramssld["ht_view8_element_height"];
?>
;
var imagejustify= <?php
echo $paramssld["ht_view8_element_justify"];
?>
;
var imageshowcaption= <?php
echo $paramssld["ht_view8_element_show_caption"];
?>
;
//var imagemaxheight=<?php
//echo $paramssld["ht_view8_element_maxheight"];
?>
;
//var imagefixed=<?php
//echo $paramssld["ht_view8_element_size_fix"];
?>
;
</script>
<script src="<?php
echo $path_site;
?>
/../js/justifiedGallery.js"></script>
<style>
.justified-gallery {
width: 100%;
position: relative;
}
.justified-gallery > a,
.justified-gallery > div {
position: absolute;
display: inline-block;
opacity: 0;
overflow:hidden;
filter: alpha(opacity=0);
/* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img {
/* width: 200px !important;*/
position: absolute;
top: 50%;
left: 50%;
padding: 0;
//border: <?php
?>
<?php// echo $paramssld["ht_view8_element_border_width"]; ?>px solid #<?php
?>
<?php// echo $paramssld["ht_view8_element_border_color"]; ?>;
//border-radius: <?php
?>
<?php// echo $paramssld["ht_view8_element_border_radius"]; ?>px;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
left: 0;
right: 0;
margin: 0;
color: #<?php
echo $paramssld["ht_view8_element_title_font_color"];
?>
;
font-size: <?php
echo $paramssld["ht_view8_element_title_font_size"];
?>
px;
font-weight: 300;
font-family: sans-serif;
//margin-left: <?php
//echo $paramssld["ht_view8_element_border_width"];
?>
px;
background:<?php
list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_view8_element_title_background_color'], 2));
$titleopacity = $paramssld["ht_view8_element_title_overlay_transparency"] / 100;
echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important';
?>
;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: 0.7;
filter: "alpha(opacity=70)";
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
opacity: 1.0;
filter: alpha(opacity=100);
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
/* IE8 or Earlier */
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.play-icon.youtube-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.youtube.png) center center no-repeat;}
.play-icon.vimeo-icon {background:url(<?php
echo plugin_dir_url(__FILE__);
?>
../images/play.vimeo.png) center center no-repeat;}
</style>
<?php
$path_site = plugins_url("", __FILE__);
?>
<div id="mygallery_<?php
echo $galleryID;
?>
" class="clearfix">
<?php
foreach ($images as $key => $row) {
$imgurl = explode(";", $row->image_url);
$link = $row->sl_url;
$descnohtml = strip_tags($row->description);
$result = substr($descnohtml, 0, 50);
$imagerowstype = $row->sl_type;
if ($row->sl_type == '') {
$imagerowstype = 'image';
}
switch ($imagerowstype) {
case 'image':
?>
<?php
if ($row->image_url != ';') {
?>
<a class="group1" href="<?php
echo $imgurl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="<?php
echo $imgurl[0];
?>
"/>
</a>
<?php
} else {
?>
<img alt="<?php
echo $row->name;
?>
" id="wd-cl-img<?php
echo $key;
?>
" src="images/noimage.jpg" />
<?php
}
?>
<?php
break;
case 'video':
$videourl = get_video_id_from_url($row->image_url);
if ($videourl[1] == 'youtube') {
?>
<a class="youtube huge_it_gallery_item group1" href="https://www.youtube.com/embed/<?php
echo $videourl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" src="http://img.youtube.com/vi/<?php
echo $videourl[0];
?>
/mqdefault.jpg" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
} else {
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $videourl[0] . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
?>
<a class="vimeo huge_it_gallery_item group1" href="http://player.vimeo.com/video/<?php
echo $videourl[0];
?>
">
<img alt="<?php
echo $row->name;
?>
" src="<?php
echo $imgsrc;
?>
" />
<div class="play-icon <?php
echo $videourl[1];
?>
-icon"></div>
</a>
<?php
}
}
}
?>
</div>
<script>
jQuery(document).ready(function(){
jQuery("#mygallery_<?php
echo $galleryID;
?>
").justifiedGallery();
});
</script>
<?php
break;
}
?>
<?php
return ob_get_clean();
}
<tbody>
<? if ($video) { ?>
<? foreach ($video as $item) { ?>
<tr>
<td class="center"><input type="checkbox" name="selected[]" value="<?php
echo $item['id_video'];
?>
" /></td>
<td class="left" valign="top">
<?php
if ($item['iframe']) {
?>
<img src="http://img.youtube.com/vi/<?php
echo get_youtube_id_from_url($item['iframe']);
?>
/0.jpg" width="40" />
<?php
} else {
?>
<img src="/assets/backend/img/no_image.jpg" width="40" height="35" />
<?php
}
?>
</td>
<td class="left"><a href="/admin/video_form/<?php
echo $item['parent'];
?>
/<?php
function Html_editgallery($ord_elem, $count_ord, $images, $row, $cat_row, $rowim, $rowsld, $rowsposts, $rowsposts8, $postsbycat)
{
global $wpdb;
if (isset($_GET["addslide"])) {
if ($_GET["addslide"] == 1) {
header('Location: admin.php?page=gallerys_huge_it_gallery&id=' . $row->id . '&task=apply');
}
}
?>
<script type="text/javascript">
function submitbutton(pressbutton)
{
if(!document.getElementById('name').value){
alert("Name is required.");
return;
}
filterInputs();
document.getElementById("adminForm").action=document.getElementById("adminForm").action+"&task="+pressbutton;
document.getElementById("adminForm").submit();
}
var name_changeRight = function(e) {
document.getElementById("name").value = e.value;
}
var name_changeTop = function(e) {
document.getElementById("huge_it_gallery_name").value = e.value;
//alert(e);
};
function change_select()
{
submitbutton('apply');
}
/*** creating array of changed projects***/
function filterInputs() {
var mainInputs = "";
jQuery("#images-list > li.highlights").each(function(){
jQuery(this).next().addClass('submit-post');
jQuery(this).prev().addClass('submit-post');
jQuery(this).addClass('submit-post');
jQuery(this).removeClass('highlights');
})
if(jQuery("#images-list > li.submit-post").length) {
jQuery("#images-list > li.submit-post").each(function(){
var inputs = jQuery(this).find('.order_by').attr("name");
var n = inputs.lastIndexOf('_');
var res = inputs.substring(n+1, inputs.length);
res +=',';
mainInputs += res;
});
mainInputs = mainInputs.substring(0,mainInputs.length-1);
jQuery(".changedvalues").val(mainInputs);
jQuery("#images-list > li").not('.submit-post').each(function(){
jQuery(this).find('input').removeAttr('name');
jQuery(this).find('textarea').removeAttr('name');
});
console.log(mainInputs);
return mainInputs;
}
jQuery("#images-list > li").each(function(){
jQuery(this).find('input').removeAttr('name');
jQuery(this).find('textarea').removeAttr('name');
jQuery(this).find('select').removeAttr('name');
});
}
/***</add>***/
jQuery(function() {
/*** <posted only submit classes> ***/
jQuery( "#images-list > li input" ).on('keyup',function(){
jQuery(this).parents("#images-list > li").addClass('submit-post');
//filterInputs();
});
jQuery( "#images-list > li textarea" ).on('keyup',function(){
jQuery(this).parents("#images-list > li").addClass('submit-post');
// filterInputs();
});
jQuery( "#images-list > li input" ).on('change',function(){
jQuery(this).parents("#images-list > li").addClass('submit-post');
// filterInputs();
});
jQuery('.editimageicon').click(function(){
jQuery(this).parents("#images-list > li").addClass('submit-post');
})
/*** </posted only submit classes> ***/
jQuery( "#images-list" ).sortable({
stop: function() {
jQuery("#images-list > li").removeClass('has-background');
count=jQuery("#images-list > li").length;
for(var i=0;i<=count;i+=2){
jQuery("#images-list > li").eq(i).addClass("has-background");
}
jQuery("#images-list > li").each(function(){
jQuery(this).find('.order_by').val(jQuery(this).index());
// jQuery(this).find('.order_by').trigger('change');
});
},
change: function(event, ui) {
var start_pos = ui.item.data('start_pos');
var index = ui.placeholder.index();
if (start_pos < index) {
jQuery('#images-list > li:nth-child(' + index + ')').addClass('highlights');
} else {
jQuery('#images-list > li:eq(' + (index + 1) + ')').addClass('highlights');
}
},
update: function(event, ui) {
jQuery('#sortable li').removeClass('highlights');
},
revert: true
});
// jQuery( "ul, li" ).disableSelection();
});
</script>
<!-- GENERAL PAGE, ADD IMAGES PAGE -->
<?php
$path_site2 = plugins_url("../images", __FILE__);
?>
<style>
.free_version_banner {
position:relative;
display:block;
background-image:url(<?php
echo $path_site2;
?>
/wp_banner_bg.jpg);
background-position:top left;
backround-repeat:repeat;
overflow:hidden;
}
.free_version_banner .manual_icon {
position:absolute;
display:block;
top:15px;
left:15px;
}
.free_version_banner .usermanual_text {
font-weight: bold !important;
display:block;
float:left;
width:270px;
margin-left:75px;
font-family:'Open Sans',sans-serif;
font-size:12px;
font-weight:300;
font-style:italic;
color:#ffffff;
line-height:10px;
margin-top: 0;
padding-top: 15px;
}
.free_version_banner .usermanual_text a,
.free_version_banner .usermanual_text a:link,
.free_version_banner .usermanual_text a:visited {
display:inline-block;
font-family:'Open Sans',sans-serif;
font-size:17px;
font-weight:600;
font-style:italic;
color:#ffffff;
line-height:30.5px;
text-decoration:underline;
}
.free_version_banner .usermanual_text a:hover,
.free_version_banner .usermanual_text a:focus,
.free_version_banner .usermanual_text a:active {
text-decoration:underline;
}
.free_version_banner .get_full_version,
.free_version_banner .get_full_version:link,
.free_version_banner .get_full_version:visited {
padding-left: 60px;
padding-right: 4px;
display: inline-block;
position: absolute;
top: 15px;
right: calc(50% - 167px);
height: 38px;
width: 268px;
border: 1px solid rgba(255,255,255,.6);
font-family: 'Open Sans',sans-serif;
font-size: 23px;
color: #ffffff;
line-height: 43px;
text-decoration: none;
border-radius: 2px;
}
.free_version_banner .get_full_version:hover {
background:#ffffff;
color:#bf1e2e;
text-decoration:none;
outline:none;
}
.free_version_banner .get_full_version:focus,
.free_version_banner .get_full_version:active {
}
.free_version_banner .get_full_version:before {
content:'';
display:block;
position:absolute;
width:33px;
height:23px;
left:25px;
top:9px;
background-image:url(<?php
echo $path_site2;
?>
/wp_shop.png);
background-position:0px 0px;
background-repeat;
}
.free_version_banner .get_full_version:hover:before {
background-position:0px -27px;
}
.free_version_banner .huge_it_logo {
float:right;
margin:15px 15px;
}
.free_version_banner .description_text {
padding:0 0 13px 0;
position:relative;
display:block;
width:100%;
text-align:center;
float:left;
font-family:'Open Sans',sans-serif;
color:#fffefe;
line-height:inherit;
}
.free_version_banner .description_text p{
margin:0;
padding:0;
font-size: 14px;
}
</style>
<div class="wrap">
<?php
$path_site2 = plugins_url("../images", __FILE__);
?>
<div class="free_version_banner">
<img class="manual_icon" src="<?php
echo $path_site2;
?>
/icon-user-manual.png" alt="user manual" />
<p class="usermanual_text">If you have any difficulties in using the options, Follow the link to <a href="http://huge-it.com/wordpress-gallery-user-manual/" target="_blank">User Manual</a></p>
<a class="get_full_version" href="http://huge-it.com/wordpress-gallery/" target="_blank">GET THE FULL VERSION</a>
<a href="http://huge-it.com" target="_blank"><img class="huge_it_logo" src="<?php
echo $path_site2;
?>
/Huge-It-logo.png"/></a>
<div style="clear: both;"></div>
<div class="description_text"><p>This is the free version of the plugin. Click "GET THE FULL VERSION" for more advanced options. We appreciate every customer.</p></div>
</div>
<div style="clear: both;"></div>
<form action="admin.php?page=gallerys_huge_it_gallery&id=<?php
echo $row->id;
?>
" method="post" name="adminForm" id="adminForm">
<input type="hidden" class="changedvalues" value="" name="changedvalues" size="80">
<div id="poststuff" >
<div id="gallery-header">
<ul id="gallerys-list">
<?php
foreach ($rowsld as $rowsldires) {
if ($rowsldires->id != $row->id) {
?>
<li>
<a href="#" onclick="window.location.href='admin.php?page=gallerys_huge_it_gallery&task=edit_cat&id=<?php
echo $rowsldires->id;
?>
'" ><?php
echo $rowsldires->name;
?>
</a>
</li>
<?php
} else {
?>
<li class="active" onclick="this.firstElementChild.style.width = ((this.firstElementChild.value.length + 1) * 8) + 'px';" style="background-image:url(<?php
echo plugins_url('../images/edit.png', __FILE__);
?>
);cursor: pointer;">
<input class="text_area" onkeyup = "name_changeTop(this)" onfocus="this.style.width = ((this.value.length + 1) * 8) + 'px'" type="text" name="name" id="name" maxlength="250" value="<?php
echo esc_html(stripslashes($row->name));
?>
" />
</li>
<?php
}
}
?>
<li class="add-new">
<a onclick="window.location.href='admin.php?page=gallerys_huge_it_gallery&task=add_cat'">+</a>
</li>
</ul>
</div>
<div id="post-body" class="metabox-holder columns-2">
<!-- Content -->
<div id="post-body-content">
<?php
add_thickbox();
?>
<div id="post-body">
<div id="post-body-heading">
<h3>Projects/Images</h3>
<script>
jQuery(document).ready(function($){
jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".attachment-filters").css("display","none");
});
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
jQuery('.huge-it-newuploader .button').click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = jQuery(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
jQuery("#"+id).val('');
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
jQuery("#"+id).val(attachment.url+';;;'+jQuery("#"+id).val());
jQuery("#save-buttom").click();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
jQuery('.add_media').on('click', function(){
_custom_media = false;
});
/* jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".media-menu .media-menu-item").css("display","none");
jQuery(".media-menu-item:first").css("display","block");
jQuery(".separator").next().css("display","none");
jQuery('.attachment-filters').val('image').trigger('change');
jQuery(".attachment-filters").css("display","none");
});*/
});
</script>
<input type="hidden" name="imagess" id="_unique_name" />
<span class="wp-media-buttons-icon"></span>
<div class="huge-it-newuploader uploader button button-primary add-new-image">
<input type="button" class="button wp-media-buttons-icon" name="_unique_name_button" id="_unique_name_button" value="Add Image" />
</div>
<?php
$_GET['id'] = esc_html($_GET['id']);
?>
<a href="admin.php?page=gallerys_huge_it_gallery&task=gallery_video&id=<?php
echo $_GET['id'];
?>
&TB_iframe=1" class="button button-primary add-video-slide thickbox" id="slideup3s" value="iframepop">
<span class="wp-media-buttons-icon"></span>Add Video
</a>
</div>
<ul id="images-list">
<?php
function get_youtube_id_from_url($url)
{
if (preg_match('%(?:youtube(?:-nocookie)?\\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\\.be/)([^"&?/ ]{11})%i', $url, $match)) {
return $match[1];
}
}
$i = 2;
foreach ($rowim as $key => $rowimages) {
?>
<?php
if ($rowimages->sl_type == '') {
$rowimages->sl_type = 'image';
}
switch ($rowimages->sl_type) {
case 'image':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<div class="image-container">
<img src="<?php
echo $rowimages->image_url;
?>
" />
<div>
<script>
jQuery(document).ready(function($){
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
jQuery('.huge-it-editnewuploader .button<?php
echo $rowimages->id;
?>
').click(function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = jQuery(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
jQuery("#"+id).val(attachment.url);
jQuery("#save-buttom").click();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
jQuery('.add_media').on('click', function(){
_custom_media = false;
});
jQuery(".huge-it-editnewuploader").click(function() {
});
jQuery(".wp-media-buttons-icon").click(function() {
/* jQuery(".wp-media-buttons-icon").click(function() {
jQuery(".media-menu .media-menu-item").css("display","none");
jQuery(".media-menu-item:first").css("display","block");
jQuery(".separator").next().css("display","none");
jQuery('.attachment-filters').val('image').trigger('change');
jQuery(".attachment-filters").css("display","none");
});*/
});
if(jQuery('#rating').val()=='off'){
jQuery('.like_dislike_wrapper').css('display','none');
jQuery('.heart_wrapper').css('display','none');
}else if (jQuery('#rating').val()=='dislike'){
jQuery('.like_dislike_wrapper').css('display','block');
jQuery('.heart_wrapper').css('display','none');
jQuery('.heart_wrapper').find('input').removeAttr('name');
}else if (jQuery('#rating').val()=='heart'){
jQuery('.heart_wrapper').css('display','block');
}
jQuery('#rating').on('change',function(){
if(jQuery(this).val()=='off'){
jQuery('.like_dislike_wrapper').css('display','none');
jQuery('.heart_wrapper').css('display','none');
}else if (jQuery(this).val()=='dislike'){
jQuery('.like_dislike_wrapper').css('display','block');
jQuery('.heart_wrapper').css('display','none');
jQuery('.heart_wrapper').find('input').removeAttr('name');
}else if (jQuery(this).val()=='heart'){
jQuery('.heart_wrapper').css('display','block');
jQuery('.like_dislike_wrapper').css('display','none');
jQuery('.heart_wrapper').each(function(){
var num=jQuery(this).find('input').attr('num');
jQuery(this).find('input').attr('name','like_'+num);
})
}
});
});
function deleteproject<?php
echo $rowimages->id;
?>
() {
jQuery('#adminForm').attr('action', 'admin.php?page=gallerys_huge_it_gallery&task=edit_cat&id=<?php
echo $row->id;
?>
&removeslide=<?php
echo $rowimages->id;
?>
');
}
</script>
<input type="hidden" name="imagess<?php
echo $rowimages->id;
?>
" id="_unique_name<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->image_url;
?>
" />
<span class="wp-media-buttons-icon"></span>
<div class="huge-it-editnewuploader uploader button<?php
echo $rowimages->id;
?>
add-new-image">
<input type="button" class="button<?php
echo $rowimages->id;
?>
wp-media-buttons-icon editimageicon" name="_unique_name_button<?php
echo $rowimages->id;
?>
" id="_unique_name_button<?php
echo $rowimages->id;
?>
" value="Edit image" />
</div>
</div>
</div>
<div class="image-options">
<div>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Title:</label>
<input class="text_area" type="text" id="titleimage<?php
echo $rowimages->id;
?>
" name="titleimage<?php
echo $rowimages->id;
?>
" id="titleimage<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->name);
?>
">
</div>
<div class="description-block">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description:</label>
<textarea id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" ><?php
echo str_replace('__5_5_5__', '%', $rowimages->description);
?>
</textarea>
</div>
<div class="link-block">
<label for="sl_url<?php
echo $rowimages->id;
?>
">URL:</label>
<input class="text_area url-input" type="text" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->sl_url);
?>
" >
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">
<span>Open in new tab</span>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
</label>
</div>
<div class="remove-image-container">
<a onclick="deleteproject<?php
echo $rowimages->id;
?>
(); submitbutton('apply');" id="remove_image<?php
echo $rowimages->id;
?>
" class="button remove-image">Remove Image</a>
</div>
<div class="like_dislike_wrapper">
<label for="like_<?php
echo $rowimages->id;
?>
">Ratings:</label>
<label for="like_<?php
echo $rowimages->id;
?>
" class="like">Like</label>
<input class="" type="number" id="like_<?php
echo $rowimages->id;
?>
" name="like_<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->like);
?>
">
<label for="dislike_<?php
echo $rowimages->id;
?>
" class="dislike">Dislike</label>
<input class="" num="<?php
echo $rowimages->id;
?>
" type="number" id="dislike_<?php
echo $rowimages->id;
?>
" name="dislike_<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->dislike);
?>
">
</div>
<div class="heart_wrapper">
<label for="like_<?php
echo $rowimages->id;
?>
">Ratings:</label>
<label for="like_<?php
echo $rowimages->id;
?>
" class="like">Hearts</label>
<input class="" num="<?php
echo $rowimages->id;
?>
" type="number" id="like_<?php
echo $rowimages->id;
?>
" name="like_<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->like);
?>
">
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
case 'last_posts':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<div class="image-container">
<img width='100' height='100' src="<?php
echo plugins_url('images/pin.png', __FILE__);
?>
" />
</div>
<div class="recent-post-options image-options">
<div>
<div class="left">
<?php
$categories = get_categories();
?>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Show Posts From:</label>
<select name="titleimage<?php
echo $rowimages->id;
?>
" class="categories-list">
<option <?php
if (str_replace('__5_5_5__', '%', $rowimages->name) == 0) {
echo 'selected="selected"';
}
?>
value="0">All Categories</option>
<?php
foreach ($categories as $strcategories) {
?>
<option <?php
if (str_replace('__5_5_5__', '%', $rowimages->name) == $strcategories->cat_name) {
echo 'selected="selected"';
}
?>
value="<?php
echo $strcategories->cat_name;
?>
"><?php
echo $strcategories->cat_name;
?>
</option>
<?php
}
?>
</select>
</div>
<div class="left">
<label for="sl_url<?php
echo $rowimages->id;
?>
">Showing Posts Count:</label>
<input class="text_area url-input number" type="number" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->sl_url);
?>
" >
</div>
</div>
<div>
<label class="long" for="sl_stitle<?php
echo $rowimages->id;
?>
">Show Title:</label>
<input type="hidden" name="sl_stitle<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_stitle == '1') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" name="sl_stitle<?php
echo $rowimages->id;
?>
" value="1" />
</div>
<div>
<div class="left margin">
<label class="long" for="sl_sdesc<?php
echo $rowimages->id;
?>
">Show Description:</label>
<input type="hidden" name="sl_sdesc<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_sdesc == '1') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" name="sl_sdesc<?php
echo $rowimages->id;
?>
" value="1" />
</div>
<div class="left">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description Symbols Number:</label>
<input value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->description);
?>
" class="text_area url-input number" id="im_description<?php
echo $rowimages->id;
?>
" type="number" name="im_description<?php
echo $rowimages->id;
?>
" />
</div>
</div>
<div>
<div class="left margin">
<label class="long" for="sl_postlink<?php
echo $rowimages->id;
?>
">Use Post Link:</label>
<input type="hidden" name="sl_postlink<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->sl_postlink == '1') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" name="sl_postlink<?php
echo $rowimages->id;
?>
" value="1" />
</div>
<div class="left">
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">Open Link In New Tab:</label>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
</div>
</div>
<div class="remove-image-container">
<a class="button remove-image" href="admin.php?page=sliders_huge_it_slider&id=<?php
echo $row->id;
?>
&task=apply&removeslide=<?php
echo $rowimages->id;
?>
">Remove Last posts</a>
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
case 'video':
?>
<li <?php
if ($i % 2 == 0) {
echo "class='has-background'";
}
$i++;
?>
>
<input class="order_by" type="hidden" name="order_by_<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->ordering;
?>
" />
<?php
if (strpos($rowimages->image_url, 'youtube') !== false || strpos($rowimages->image_url, 'youtu') !== false) {
$liclass = "youtube";
$video_thumb_url = get_youtube_id_from_url($rowimages->image_url);
$thumburl = '<img src="http://img.youtube.com/vi/' . $video_thumb_url . '/mqdefault.jpg" alt="" />';
} else {
if (strpos($rowimages->image_url, 'vimeo') !== false) {
$liclass = "vimeo";
$vimeo = $rowimages->image_url;
$vimeo_explode = explode("/", $vimeo);
$imgid = end($vimeo_explode);
$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/" . $imgid . ".php"));
$imgsrc = $hash[0]['thumbnail_large'];
$imgsrc = esc_html($imgsrc);
$thumburl = '<img src="' . $imgsrc . '" alt="" />';
}
}
?>
<div class="image-container">
<?php
echo $thumburl;
?>
<div class="play-icon <?php
echo $liclass;
?>
"></div>
<div>
<script>
jQuery(document).ready(function ($) {
jQuery("#slideup<?php
echo $key;
?>
").click(function () {
window.parent.uploadID = jQuery(this).prev('input');
formfield = jQuery('.upload').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function (html) {
imgurl = jQuery('img', html).attr('src');
window.parent.uploadID.val(imgurl);
tb_remove();
jQuery("#save-buttom").click();
};
});
function deleteproject<?php
echo $rowimages->id;
?>
() {
jQuery('#adminForm').attr('action', 'admin.php?page=gallerys_huge_it_gallery&task=edit_cat&id=<?php
echo $row->id;
?>
&removeslide=<?php
echo $rowimages->id;
?>
');
}
</script>
<input type="hidden" name="imagess<?php
echo $rowimages->id;
?>
" value="<?php
echo $rowimages->image_url;
?>
" />
</div>
</div>
<div class="image-options">
<div>
<label for="titleimage<?php
echo $rowimages->id;
?>
">Title:</label>
<input class="text_area" type="text" id="titleimage<?php
echo $rowimages->id;
?>
" name="titleimage<?php
echo $rowimages->id;
?>
" id="titleimage<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->name);
?>
">
</div>
<div class="description-block">
<label for="im_description<?php
echo $rowimages->id;
?>
">Description:</label>
<textarea id="im_description<?php
echo $rowimages->id;
?>
" name="im_description<?php
echo $rowimages->id;
?>
" ><?php
echo str_replace('__5_5_5__', '%', $rowimages->description);
?>
</textarea>
</div>
<div class="link-block">
<label for="sl_url<?php
echo $rowimages->id;
?>
">URL:</label>
<input class="text_area url-input" type="text" id="sl_url<?php
echo $rowimages->id;
?>
" name="sl_url<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->sl_url);
?>
" >
<label class="long" for="sl_link_target<?php
echo $rowimages->id;
?>
">
<span>Open in new tab</span>
<input type="hidden" name="sl_link_target<?php
echo $rowimages->id;
?>
" value="" />
<input <?php
if ($rowimages->link_target == 'on') {
echo 'checked="checked"';
}
?>
class="link_target" type="checkbox" id="sl_link_target<?php
echo $rowimages->id;
?>
" name="sl_link_target<?php
echo $rowimages->id;
?>
" />
</label>
</div>
<div class="remove-image-container">
<a onclick="deleteproject<?php
echo $rowimages->id;
?>
(); submitbutton('apply');" id="remove_image<?php
echo $rowimages->id;
?>
" class="button remove-image">Remove Image</a>
</div>
<div class="like_dislike_wrapper">
<label for="like_<?php
echo $rowimages->id;
?>
">Ratings:</label>
<label for="like_<?php
echo $rowimages->id;
?>
" class="like">Like</label>
<input class="" type="number" id="like_<?php
echo $rowimages->id;
?>
" name="like_<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->like);
?>
">
<label for="dislike_<?php
echo $rowimages->id;
?>
" class="dislike">Dislike</label>
<input class="" num="<?php
echo $rowimages->id;
?>
" type="number" id="dislike_<?php
echo $rowimages->id;
?>
" name="dislike_<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->dislike);
?>
">
</div>
<div class="heart_wrapper">
<label for="like_<?php
echo $rowimages->id;
?>
">Ratings:</label>
<label for="like_<?php
echo $rowimages->id;
?>
" class="like">Hearts</label>
<input class="" num="<?php
echo $rowimages->id;
?>
" type="number" id="like_<?php
echo $rowimages->id;
?>
" name="like_<?php
echo $rowimages->id;
?>
" value="<?php
echo str_replace('__5_5_5__', '%', $rowimages->like);
?>
">
</div>
</div>
<div class="clear"></div>
</li>
<?php
break;
}
?>
<?php
}
?>
</ul>
</div>
</div>
<!-- SIDEBAR -->
<div id="postbox-container-1" class="postbox-container">
<div id="side-sortables" class="meta-box-sortables ui-sortable">
<div id="gallery-unique-options" class="postbox">
<h3 class="hndle"><span>Image Gallery Custom Options</span></h3>
<ul id="gallery-unique-options-list">
<li>
<label for="huge_it_gallery_name">Gallery name</label>
<input type = "text" name="name" id="huge_it_gallery_name" value="<?php
echo esc_html(stripslashes($row->name));
?>
" onkeyup = "name_changeRight(this)">
</li>
<li>
<label for="huge_it_sl_effects">Select View</label>
<select name="huge_it_sl_effects" id="huge_it_sl_effects">
<option <?php
if ($row->huge_it_sl_effects == '0') {
echo 'selected';
}
?>
value="0">Gallery/Content-Popup</option>
<option <?php
if ($row->huge_it_sl_effects == '1') {
echo 'selected';
}
?>
value="1">Content Slider</option>
<option <?php
if ($row->huge_it_sl_effects == '5') {
echo 'selected';
}
?>
value="5">Lightbox-Gallery</option>
<option <?php
if ($row->huge_it_sl_effects == '3') {
echo 'selected';
}
?>
value="3">Slider</option>
<option <?php
if ($row->huge_it_sl_effects == '4') {
echo 'selected';
}
?>
value="4">Thumbnails View</option>
<option <?php
if ($row->huge_it_sl_effects == '6') {
echo 'selected';
}
?>
value="6">Justified</option>
<option <?php
if ($row->huge_it_sl_effects == '7') {
echo 'selected';
}
?>
value="7">Blog Style Gallery</option>
</select>
</li>
<script>
jQuery(document).ready(function ($){
//alert('hi');
//$('div[id^="list_"]')
if($('select[name="display_type"]').val()== 2){
$('li[id="content_per_page"]').hide();
}else{
$('li[id="content_per_page"]').show();
}
$('select[name="display_type"]').on('change' ,function(){
if($(this).val()== 2){
$('li[id="content_per_page"]').hide();
}else{
$('li[id="content_per_page"]').show();
}
})
$('#gallery-unique-options').on('change',function(){
$( 'div[id^="gallery-current-options"]').each(function(){
if(!$(this).hasClass( "active" )){
$(this).find('ul li input[name="content_per_page"]').attr('name', '');
$(this).find('ul li select[name="display_type"]').attr('name', '');
//$(this).find('ul li select').attr('name', '');
}else{
//alert('no');
}
})
})
})
</script>
<div id="gallery-current-options-3" class="gallery-current-options <?php
if ($row->huge_it_sl_effects == 3) {
echo ' active';
}
?>
">
<ul id="slider-unique-options-list">
<li>
<label for="sl_width">Width</label>
<input type="text" name="sl_width" id="sl_width" value="<?php
echo $row->sl_width;
?>
" class="text_area" />
</li>
<li>
<label for="sl_height">Height</label>
<input type="text" name="sl_height" id="sl_height" value="<?php
echo $row->sl_height;
?>
" class="text_area" />
</li>
<li>
<label for="pause_on_hover">Pause on hover</label>
<input type="hidden" value="off" name="pause_on_hover" />
<input type="checkbox" name="pause_on_hover" value="on" id="pause_on_hover" <?php
if ($row->pause_on_hover == 'on') {
echo 'checked="checked"';
}
?>
/>
</li>
<li>
<label for="gallery_list_effects_s">Effects</label>
<select name="gallery_list_effects_s" id="gallery_list_effects_s">
<option <?php
if ($row->gallery_list_effects_s == 'none') {
echo 'selected';
}
?>
value="none">None</option>
<option <?php
if ($row->gallery_list_effects_s == 'cubeH') {
echo 'selected';
}
?>
value="cubeH">Cube Horizontal</option>
<option <?php
if ($row->gallery_list_effects_s == 'cubeV') {
echo 'selected';
}
?>
value="cubeV">Cube Vertical</option>
<option <?php
if ($row->gallery_list_effects_s == 'fade') {
echo 'selected';
}
?>
value="fade">Fade</option>
<option <?php
if ($row->gallery_list_effects_s == 'sliceH') {
echo 'selected';
}
?>
value="sliceH">Slice Horizontal</option>
<option <?php
if ($row->gallery_list_effects_s == 'sliceV') {
echo 'selected';
}
?>
value="sliceV">Slice Vertical</option>
<option <?php
if ($row->gallery_list_effects_s == 'slideH') {
echo 'selected';
}
?>
value="slideH">Slide Horizontal</option>
<option <?php
if ($row->gallery_list_effects_s == 'slideV') {
echo 'selected';
}
?>
value="slideV">Slide Vertical</option>
<option <?php
if ($row->gallery_list_effects_s == 'scaleOut') {
echo 'selected';
}
?>
value="scaleOut">Scale Out</option>
<option <?php
if ($row->gallery_list_effects_s == 'scaleIn') {
echo 'selected';
}
?>
value="scaleIn">Scale In</option>
<option <?php
if ($row->gallery_list_effects_s == 'blockScale') {
echo 'selected';
}
?>
value="blockScale">Block Scale</option>
<option <?php
if ($row->gallery_list_effects_s == 'kaleidoscope') {
echo 'selected';
}
?>
value="kaleidoscope">Kaleidoscope</option>
<option <?php
if ($row->gallery_list_effects_s == 'fan') {
echo 'selected';
}
?>
value="fan">Fan</option>
<option <?php
if ($row->gallery_list_effects_s == 'blindH') {
echo 'selected';
}
?>
value="blindH">Blind Horizontal</option>
<option <?php
if ($row->gallery_list_effects_s == 'blindV') {
echo 'selected';
}
?>
value="blindV">Blind Vertical</option>
<option <?php
if ($row->gallery_list_effects_s == 'random') {
echo 'selected';
}
?>
value="random">Random</option>
</select>
</li>
<li>
<label for="sl_pausetime">Pause time</label>
<input type="text" name="sl_pausetime" id="sl_pausetime" value="<?php
echo $row->description;
?>
" class="text_area" />
</li>
<li>
<label for="sl_changespeed">Change speed</label>
<input type="text" name="sl_changespeed" id="sl_changespeed" value="<?php
echo $row->param;
?>
" class="text_area" />
</li>
<li>
<label for="slider_position">Slider Position</label>
<select name="sl_position" id="slider_position">
<option <?php
if ($row->sl_position == 'left') {
echo 'selected';
}
?>
value="left">Left</option>
<option <?php
if ($row->sl_position == 'right') {
echo 'selected';
}
?>
value="right">Right</option>
<option <?php
if ($row->sl_position == 'center') {
echo 'selected';
}
?>
value="center">Center</option>
</select>
</li>
</ul>
</div>
<div id="gallery-current-options-0" class="gallery-current-options <?php
if ($row->huge_it_sl_effects == 0) {
echo ' active';
}
?>
">
<ul id="view0">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Images Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="gallery-current-options-5" class="gallery-current-options <?php
if ($row->huge_it_sl_effects == 5) {
echo ' active';
}
?>
">
<ul id="view5">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Images Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="gallery-current-options-4" class="gallery-current-options <?php
if ($row->huge_it_sl_effects == 4) {
echo ' active';
}
?>
">
<ul id="view4">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Images Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="gallery-current-options-6" class="gallery-current-options <?php
if ($row->huge_it_sl_effects == 6) {
echo ' active';
}
?>
">
<ul id="view6">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Images Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<div id="gallery-current-options-7" class="gallery-current-options <?php
if ($row->huge_it_sl_effects == 7) {
echo ' active';
}
?>
">
<ul id="view7">
<li>
<label for="display_type">Displaying Content</label>
<select id="display_type" name="display_type">
<option <?php
if ($row->display_type == 0) {
echo 'selected';
}
?>
value="0">Pagination</option>
<option <?php
if ($row->display_type == 1) {
echo 'selected';
}
?>
value="1">Load More</option>
<option <?php
if ($row->display_type == 2) {
echo 'selected';
}
?>
value="2">Show All</option>
</select>
</li>
<li id="content_per_page">
<label for="content_per_page">Images Per Page</label>
<input type="text" name="content_per_page" id="content_per_page" value="<?php
echo $row->content_per_page;
?>
" class="text_area" />
</li>
</ul>
</div>
<li>
<label for="rating">Ratings</label>
<select id="rating" name="rating">
<option <?php
if ($row->rating == 'off') {
echo 'selected';
}
?>
value="off">Off</option>
<option <?php
if ($row->rating == 'dislike') {
echo 'selected';
}
?>
value="dislike">Like/Dislike</option>
<option <?php
if ($row->rating == 'heart') {
echo 'selected';
}
?>
value="heart">Heart</option>
</select>
</li>
</ul>
<div id="major-publishing-actions">
<div id="publishing-action">
<input type="button" onclick="submitbutton('apply')" value="Save gallery" id="save-buttom" class="button button-primary button-large">
</div>
<div class="clear"></div>
<!--<input type="button" onclick="window.location.href='admin.php?page=gallerys_huge_it_gallery'" value="Cancel" class="button-secondary action">-->
</div>
</div>
<div id="gallery-shortcode-box" class="postbox shortcode ms-toggle">
<h3 class="hndle"><span>Usage</span></h3>
<div class="inside">
<ul>
<li rel="tab-1" class="selected">
<h4>Shortcode</h4>
<p>Copy & paste the shortcode directly into any WordPress post or page.</p>
<textarea class="full" readonly="readonly">[huge_it_gallery id="<?php
echo $row->id;
?>
"]</textarea>
</li>
<li rel="tab-2">
<h4>Template Include</h4>
<p>Copy & paste this code into a template file to include the slideshow within your theme.</p>
<textarea class="full" readonly="readonly"><?php echo do_shortcode("[huge_it_gallery id='<?php
echo $row->id;
?>
']"); ?></textarea>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
@session_start();
$hugeItCSRFToken = $_SESSION["csrf_token_hugeit_gallery"] = md5(time());
?>
<input type="hidden" name="csrf_token_hugeit_gallery" value="<?php
echo $hugeItCSRFToken;
?>
" />
<input type="hidden" name="task" value="" />
</form>
</div>
<?php
}
foreach ($video as $value) {
?>
<div class="col-md-6">
<?php
if ($value['iframe'] != '') {
?>
<div class="multimedia-block">
<a class="video fancybox.iframe" href="https://www.youtube.com/embed/<?php
echo get_youtube_id_from_url($value['iframe']);
?>
">
<div class="multi-img ">
<div class="play_multi_btn"></div>
<img class="img-responsive" src="http://i1.ytimg.com/vi/<?php
echo get_youtube_id_from_url($value['iframe']);
?>
/sddefault.jpg"/>
</div>
<div class="multimedia-title">
<p class="center"><?php
echo $value['name_' . $lng];
?>
</p>
</div>
</a>
<div class="date-time-posts">
<span class="center"><i class="mdi mdi-calendar-clock"></i> <?php
echo show_date_time($value['data']);
?>
} else {
if ($slide->type == 'indicator') {
$src = '';
foreach ($indicators as $k => $ind) {
if ($ind->id == $slide->content) {
$src = $ind->link;
}
}
$content_to_display = '<iframe src="' . $src . '" frameborder="0" ></iframe>';
//$content_to_display = '<input type="hidden" class="src" value="'.$src.'" />';
} else {
if ($slide->type == 'media') {
if (is_img($slide->content)) {
$content_to_display = '<img src="' . $slide->content . '" alt="' . $slide->title . '" class="full_width" />';
} else {
$vid_id = get_youtube_id_from_url($slide->content);
if (!empty($vid_id)) {
$content_to_display = '<iframe style="" src="//www.youtube.com/embed/' . $vid_id . '" frameborder="0"></iframe>';
//$content_to_display = '<input type="hidden" class="src" value="//www.youtube.com/embed/'.$vid_id.'" />';
} else {
$vid_id = get_vimeo_id_from_url($slide->content);
if (!empty($vid_id)) {
$content_to_display = '<iframe style="" src="//player.vimeo.com/video/' . $vid_id . '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
}
}
}
//$all_content = '<div id="slide_preview_content_area" class="col-sm-8 col-md-9">' . $content_to_display . '</div><div id="slide_preview_desc_area" class="col-sm-4 col-md-3 ' . $obj->style . '"><h1>' . $slide->title . '</h1><p>' . remove_unicode($slide->description) . '</p></div>';
} else {
if ($slide->type == 'wordcloud') {
$winWidth = 800;
$winHeight = 600;
