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
if (!function_exists('get_youtube_id_from_url')) {
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 = "";
/************Alt tag functions*********************/
if (!function_exists('pippin_get_image_id')) {
function pippin_get_image_id($image_url)
{
global $wpdb;
$attachment = $wpdb->get_col($wpdb->prepare("SELECT ID FROM {$wpdb->posts} WHERE guid='%s';", $image_url));
if ($attachment) {
return $attachment[0];
}
}
}
if (!function_exists('wp_get_attachment')) {
function wp_get_attachment($attachment_id)
{
$attachment = get_post($attachment_id);
return array('alt' => get_post_meta($attachment->ID, '_wp_attachment_image_alt', true), 'caption' => $attachment->post_excerpt, 'description' => $attachment->post_content, 'href' => get_permalink($attachment->ID), 'src' => $attachment->guid, 'title' => $attachment->post_title);
}
}
/**************************************************/
?>
<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 . '>';
}
?>
<?php
$idofatt = pippin_get_image_id($image_row->image_url);
$somearray = wp_get_attachment($idofatt);
?>
<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
if ($image_row->name == "") {
echo $somearray['alt'];
} else {
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();
}
<?php
if (isset($_POST['rssUpdate'])) {
$value = $_POST['time_interval'];
update_post_meta('1', 'rss_player_feed_time', $value);
$rssplayer_icon = $_POST['your_image_url'];
if (!empty($rssplayer_icon)) {
update_post_meta('1', 'rss_player_title_icon', $rssplayer_icon);
}
}
$image_url = get_post_meta('1', 'rss_player_title_icon', true) ? get_post_meta('1', 'rss_player_title_icon', true) : plugin_dir_url(__FILE__) . 'images/title.jpg';
$image_uri = get_post_meta('1', 'rss_player_title_icon', true);
$image_id = pippin_get_image_id($image_uri);
$image_attributes = wp_get_attachment_image_src($image_id, array(32, 32), false);
$image_url = $image_attributes[0];
?>
<form method="post" enctype="multipart/form-data">
<?php
/*<div style="margin-top: 1em">
<h2>Time interval (Feed updates) : </h2>
5<input id="time_interval" name="time_interval" type="range" min="5" max="60" value="<?php if(get_post_meta( '1', 'rss_player_feed_time', true )) { echo get_post_meta( '1', 'rss_player_feed_time', true ); } else{ echo "5"; }?>" />60 minutes
</div>*/
?>
<p id="result"><?php
if (get_post_meta('1', 'rss_player_feed_time', true)) {
echo get_post_meta('1', 'rss_player_feed_time', true) . " minutes";
}
?>
</p>
<div style="margin-top: 1em">
<h2>Upload Icon (Icon next to title) : </h2>
function rssplayer_shortcode($atts, $content = null)
{
extract(shortcode_atts(array('id' => '1'), $atts));
global $wpdb;
$short = "";
$tbl_name = $wpdb->prefix . 'rssplayer_feed';
$resultfeed = $wpdb->get_results("SELECT * FROM {$tbl_name} where feed_id='{$id}' ORDER BY id ASC");
$tbl_setting = $wpdb->prefix . 'rssplayer_setting';
$resultsetting = $wpdb->get_results("SELECT * FROM {$tbl_setting} where id= '{$id}'");
$short .= "<table border=0 cellpadding=0 cellspacing=0 class=rssplayer_table>";
$short .= "<tbody>";
$feedtitle = $resultsetting[0]->title;
$feedurl = $resultsetting[0]->url;
$feedposts = $resultsetting[0]->no_of_post;
$feedhide = $resultsetting[0]->hide_description;
$short .= "<tr>";
$short .= "<td align=left valign=top><div class=sliderHeader>";
if (get_post_meta('1', 'rss_player_title_icon', true)) {
$image_url = get_post_meta('1', 'rss_player_title_icon', true);
$image_id = pippin_get_image_id($image_url);
$image_attributes = wp_get_attachment_image_src($image_id, array(32, 32), false);
$short .= "<h2> <img src='" . $image_attributes[0] . "' width='" . $image_attributes[1] . "' height='" . $image_attributes[2] . "'>";
} else {
$short .= "<h2> no image";
}
$short .= ucfirst($feedtitle);
$short .= "</h2></div></td>\r\n\t\t\t</tr>";
foreach ($resultfeed as $value) {
$xmlid = $value->id;
$xmlfeedid = $value->feed_id;
$xmltitle = $value->feed_xml_title;
$xmldate = $value->feed_xml_date;
$xmllink = $value->feed_xml_link;
$xmldescription = $value->feed_xml_description;
$xmlmedia = $value->feed_xml_media;
$originalDate = $xmldate;
$xmldesc1 = html_entity_decode($xmldescription);
$xmldesc = $xmldesc1;
$xmldesc = preg_replace("/<img[^>]+\\>/i", "", $xmldesc);
$newDate = date("m-d-Y", strtotime($originalDate));
$short .= "<tr><td valign=top>";
if ($xmlid % 2 == 0) {
$short .= "<div class='programText' style='background-color:#f1f4f7;border:1px solid #eee;padding:10px;'>";
} else {
$short .= "<div class=programText style='background-color:#fff;border:1px solid #eee;padding:10px;'>";
}
$short .= "<div style='float:left;'>";
$short .= "<a title='Right Click and Save As to download' href=" . $xmlmedia . " target='_blank'><img class=dwn src=" . plugin_dir_url(__FILE__) . "images/download_icon_off.png border=0 style=padding-top:1px;>\r\n\t\t\t\t </a></div>";
$short .= "<div style='float:left;padding-left:5px;'><a title='Display Player' href=javascript:showPlayer('" . $xmlid . "');>";
$short .= "<img class=play src=" . plugin_dir_url(__FILE__) . "images/play.png border=0></a></div>";
$short .= "<div class=podcast-left-main>";
$short .= "<div class=podcast_title>" . $xmltitle . "</div></div>";
$short .= "<div class=social-date>";
$short .= "<div style=float:right;>";
//$short .= "<a class='email_generate fancybox' title='Email to a Friend' href='#emailif' data=".$xmlid."><img class='email' src=".plugin_dir_url( __FILE__ )."images/email.png border=0></a></div>";
//$short .= "<div style=float:right;>";
$short .= '<a href="#" id="" onclick="return false" ><img class="email" src="' . plugin_dir_url(__FILE__) . 'images/email.png" border=0 onclick="ShowMessage_Form(\'' . $xmlid . ',' . plugins_url('inc/email.php', __FILE__) . ',' . get_the_permalink() . '\')"></a>
<div class="pop-up" id="pop1' . $xmlid . '">
<!-- The pop-up block -->
<div class="popBox">
<!-- If the content becomes larger than the pop-up this div will scroll the content -->
<div class="popScroll" style="height:300px;" id="viewJobb' . $xmlid . '">
';
/*$short .="<form id='mail_form' name='mail_form' method='post' action='' style='padding:0px;margin:0px;position: relative; bottom: 5px'>
<table border='0' allign='center' cellpadding='0' cellspacing='0' class='textBody'>
<tbody>
<tr>
<td align='right' style='padding-top:5px;'>Your Email:</td>
<td align='left' style='padding-top:5px;padding-left:5px;'>
<input style='width:300px;margin:0px;' type='text' name='fromEmail' id='fromEmail".$xmlid."'>
</td>
</tr>
<tr>
<td align='right' style='padding-top:5px;'>Recipient Email:</td>
<td align='left' style='padding-top:5px;padding-left:5px;''>
<input style='width:300px;margin:0px;' type='text' name='toEmail' id='toEmail".$xmlid."'></td>
</tr>
<tr>
<td align='right' style='padding-top:5px;'>Subject:</td>
<td align='left' style='padding-top:5px; padding-left: 5px;'>
<input style='width:300px; margin: 0px;' type='text' name='subject' id='subject".$xmlid."' value='Check this out!'></td>
</tr>
<tr>
<td align='right' valign='top' style='padding-top:5px;'>Comments:</td>
<td align='left' style='padding-top:5px; padding-left: 5px;'>
<textarea id='briteWrox_comment".$xmlid."' class='textBody' style='width:300px;height:50px;padding:0px;overflow:auto;' name='comments'></textarea></td>
</tr>
<tr>
<td> </td>
<td align='left' style='padding-top:5px;padding-left:5px;'>
<input id='mail_link".$xmlid."' type='hidden' value='".$xmlid."' style='margin:0px;'>
<input type='hidden' name='hide_email' value=".plugins_url('/email.php',__FILE__)." id='plugUrl".$xmlid."'/>
<input class='mailSend' onclick='sendmail(".$xmlid.");' type='button' value='Send' style='margin:0px;'>
</td>
</tr>
</tbody>
</table>
</form>";
*/
?>
<?php
$short .= '</div>
<!-- The close pop-up link correctly positioned at the end of the content block -->
<a class="close" href="#"><span>Back to links</span></a>
</div>
<!-- This link is the light box -->
<a class="lightbox" href="#">Back to links</a>
</div></div>';
$iframe_data = '<textarea class=popsj><iframe src=' . plugin_dir_url(__FILE__) . 'iframe.php?id=' . $xmlid . ' width=100% height=696 frameborder=0> </iframe></textarea>';
$short .= "<div style=float:right;>";
$short .= "<a href='#' onclick='return false'><img class=share src='" . plugin_dir_url(__FILE__) . "images/share.png' border=0 onclick='ShowMessage(\" " . $iframe_data . " \")'></a>";
/*
$short .='<a href="#pop'.$xmlid.'" id="popUpA"><img class=share src="'.plugin_dir_url( __FILE__ ).'images/share.png" border=0></a>
<div class="pop-up" id="pop'.$xmlid.'">
<!-- The pop-up block -->
<div class="popBox height_smal">
<!-- If the content becomes larger than the pop-up this div will scroll the content -->
<div class="popScroll" id="viewJob">
<textarea style=" width:570px; height: 63px;"><iframe src="'.plugin_dir_url( __FILE__ )."iframe.php?id=".$xmlid.'" width="100%" height="696" frameborder="0"> </iframe></textarea>
</div>
<!-- The close pop-up link correctly positioned at the end of the content block -->
<a class="close" href="#"><span>Back to links</span></a>
</div>
<!-- This link is the light box -->
<a class="lightbox" href="#">Back to links</a>
</div>';
*/
$short .= "</div>";
$short .= "<div style=float:right;>";
$short .= "<a class='prevent_showPop' title='Share on Google +' href=https://plus.google.com/share?url=" . get_the_permalink() . "><img class=google src=" . plugin_dir_url(__FILE__) . "images/google.png border=0></a></div>";
$short .= "<div style=float:right;>";
$short .= "<a class='prevent_showPop' title='Share on Twitter' href=http://twitter.com/share?url=" . get_the_permalink() . "><img class=twitterr src=" . plugin_dir_url(__FILE__) . "images/twitter.png border=0></a></div>";
$short .= "<div style=float:right;>";
$short .= "<a class='prevent_showPop' title='Share on Facebook' href=http://www.facebook.com/sharer.php?u=" . get_the_permalink() . "><img class=facebook src=" . plugin_dir_url(__FILE__) . "images/fb.png border=0></a></div>";
$short .= "<div class=podcast-date>" . $newDate . " </div>";
$short .= "<div style=clear:both;></div></div>";
$short .= "<div style=clear:both;></div>";
if (!$feedhide) {
$xmldesc = strip_tags($xmldesc);
$short .= "<div class='desc" . $xmlid . " show-more'>";
//$short .= $xmldesc ? substr($xmldesc,0,90) : $xmldesc;
$short .= substr($xmldesc, 0, 51);
if (strlen($xmldesc) > 51) {
$short .= "<a class='readmore' href=javascript:showMore('" . $xmlid . "');> Show more </a>";
$short .= "<span class='description" . $xmlid . " more'>" . substr($xmldesc, 51) . " <a href=javascript:showMore('" . $xmlid . "'); class='show_less'> Show Less <a></span>";
}
$short .= "</div>";
//$short .= "<a class='extraDesc' href=javascript:showMore('".$xmlid."');>Show More</a></div>";
//$short .= "<div class='description".$xmlid." show-more' style=display:none;>".$xmldesc."<a href=javascript:showMore('".$xmlid."');> Show Less </a></div>";
}
$short .= "<div class=audioplayer" . $xmlid . " align=center style=display:none;>";
$short .= "<audio id=audioPlayer" . $xmlid . " src=" . $xmlmedia . " type=audio/mpeg controls></audio></div></div></td></tr>";
}
$short .= "</tbody></table>";
//$short.="<script>
//var time_interval=parseInt(60000)*parseInt(". get_post_meta( '1', 'rss_player_feed_time', true )."); setInterval(function(){ feed_check('".$id."','".plugin_dir_url( __FILE__ )."')}, time_interval);</script>";
return $short;
}
function rssplayer_shortcode($atts, $content = null)
{
extract(shortcode_atts(array('id' => '1'), $atts));
global $wpdb;
$short = "";
$tbl_name = $wpdb->prefix . 'rssplayer_feed';
$resultfeed = $wpdb->get_results("SELECT * FROM {$tbl_name} where feed_id='{$id}' ORDER BY id ASC");
$tbl_setting = $wpdb->prefix . 'rssplayer_setting';
$resultsetting = $wpdb->get_results("SELECT * FROM {$tbl_setting} where id= '{$id}'");
$short .= " <div class='rssplayer_table'>";
$feedtitle = $resultsetting[0]->title;
$feedurl = $resultsetting[0]->url;
$feedposts = $resultsetting[0]->no_of_post;
$feedhide = $resultsetting[0]->hide_description;
$short .= " <div class='sliderHeader'>";
if (get_post_meta('1', 'rss_player_title_icon', true)) {
$image_url = get_post_meta('1', 'rss_player_title_icon', true);
$image_id = pippin_get_image_id($image_url);
$image_attributes = wp_get_attachment_image_src($image_id, array(32, 32), false);
$short .= "<a href=''> <img src='" . $image_attributes[0] . "' width='" . $image_attributes[1] . "' height='" . $image_attributes[2] . "'></a>";
} else {
$short .= "<h2> ";
}
$short .= ucfirst($feedtitle);
$short .= "</h2></div>";
foreach ($resultfeed as $value) {
$xmlid = $value->id;
$xmlfeedid = $value->feed_id;
$xmltitle = $value->feed_xml_title;
$xmldate = $value->feed_xml_date;
$xmllink = $value->feed_xml_link;
$xmldescription = $value->feed_xml_description;
$xmlmedia = $value->feed_xml_media;
$originalDate = $xmldate;
$xmldesc1 = html_entity_decode($xmldescription);
$xmldesc = $xmldesc1;
$xmldesc = preg_replace("/<img[^>]+\\>/i", "", $xmldesc);
$newDate = date("m-d-Y", strtotime($originalDate));
if ($xmlid % 2 == 0) {
$short .= "<div class='programText'>";
} else {
$short .= "<div class='programText'>";
}
$short .= "<ul><li class='playcol'>";
$short .= "<a title='Right Click and Save As to download' href=" . $xmlmedia . " target='_blank'><img class=dwn src=" . plugin_dir_url(__FILE__) . "images/download_icon_off.png border=0 style=padding-top:1px;>\r\n\t\t\t\t </a>";
$short .= "<a title='Display Player' href=javascript:showPlayer('" . $xmlid . "');>";
$short .= "<img class=play src=" . plugin_dir_url(__FILE__) . "images/play.png border=0></a></li>";
$short .= "<li class='titlecol'>";
$short .= "<a href=#>" . $xmltitle . "</a></li>";
$short .= " <li><div class='datecol'>";
$short .= "<div class=podcast-date>" . $newDate . " </div>";
$short .= "</div>";
$short .= " <div class='socialcol'><div class='social-icons'>";
$short .= "<a href='#' onclick='return false'><img class=share src='" . plugin_dir_url(__FILE__) . "images/share.png' border=0 onclick='ShowMessage(\" " . $iframe_data . " \")'></a>";
$short .= "<a class='prevent_showPop' title='Share on Google +' href=https://plus.google.com/share?url=" . get_the_permalink() . "><img class=google src=" . plugin_dir_url(__FILE__) . "images/google.png border=0></a>";
$short .= "<a class='prevent_showPop' title='Share on Twitter' href=http://twitter.com/share?url=" . get_the_permalink() . "><img class=twitterr src=" . plugin_dir_url(__FILE__) . "images/twitter.png border=0></a>";
$short .= "<a class='prevent_showPop' title='Share on Facebook' href=http://www.facebook.com/sharer.php?u=" . get_the_permalink() . "><img class=facebook src=" . plugin_dir_url(__FILE__) . "images/fb.png border=0></a>";
$short .= '<a href="#" id="" onclick="return false" ><img class="email" src="' . plugin_dir_url(__FILE__) . 'images/email.png" border=0 onclick="ShowMessage_Form(\'' . $xmlid . ',' . plugins_url('inc/email.php', __FILE__) . ',' . get_the_permalink() . '\')"></a>';
$short .= "</div>";
$short .= "</li>";
$short .= '<div class="pop-up" id="pop1' . $xmlid . '">
<!-- The pop-up block -->
<div class="popBox">
<!-- If the content becomes larger than the pop-up this div will scroll the content -->
<div class="popScroll" style="height:300px;" id="viewJobb' . $xmlid . '">';
?>
<?php
$short .= '</div>
<!-- The close pop-up link correctly positioned at the end of the content block -->
<a class="close" href="#"><span>Back to links</span></a>
</div>
<!-- This link is the light box -->
<a class="lightbox" href="#">Back to links</a>
</div>';
$iframe_data = '<textarea class=popsj><iframe src=' . plugin_dir_url(__FILE__) . 'iframe.php?id=' . $xmlid . ' width=100% height=696 frameborder=0> </iframe></textarea>';
if (!$feedhide) {
$xmldesc = strip_tags($xmldesc);
$short .= "<div class='desc" . $xmlid . " show-more'>";
//$short .= $xmldesc ? substr($xmldesc,0,90) : $xmldesc;
$short .= substr($xmldesc, 0, 51);
if (strlen($xmldesc) > 51) {
$short .= "<a class='readmore' href=javascript:showMore('" . $xmlid . "');> Show more </a>";
$short .= "<span class='description" . $xmlid . " more'>" . substr($xmldesc, 51) . " <a href=javascript:showMore('" . $xmlid . "'); class='show_less'> Show Less <a></span>";
}
$short .= "</div>";
//$short .= "<a class='extraDesc' href=javascript:showMore('".$xmlid."');>Show More</a></div>";
//$short .= "<div class='description".$xmlid." show-more' style=display:none;>".$xmldesc."<a href=javascript:showMore('".$xmlid."');> Show Less </a></div>";
}
$short .= "<div class=audioplayer" . $xmlid . " align=center style=display:none;>";
$short .= "<audio id=audioPlayer" . $xmlid . " src=" . $xmlmedia . " type=audio/mpeg controls></audio></div></div>";
}
$short .= "";
//$short.="<script>
//var time_interval=parseInt(60000)*parseInt(". get_post_meta( '1', 'rss_player_feed_time', true )."); setInterval(function(){ feed_check('".$id."','".plugin_dir_url( __FILE__ )."')}, time_interval);</script>";
return $short;
}
