while ($the_query->have_posts()) { $the_query->the_post(); ?> <h3>Videos</h3> <a href="<?php if (get_post_meta(get_the_ID(), 'slide_link', true)) { echo get_post_meta(get_the_ID(), 'slide_link', true); } ?> " class="read_more">Read More</a> <div style="clear:both; padding-top:10px;"></div> <?php if (get_video_id_from_url(get_post_meta(get_the_ID(), 'video_url', true)) && false === false) { ?> <iframe width="100%" height="288" src="//www.youtube.com/embed/<?php echo get_video_id_from_url(get_post_meta(get_the_ID(), 'video_url', true)); ?> " frameborder="0" allowfullscreen></iframe> <?php } else { ?> <img src="<?php echo get_template_directory_uri(); ?> /img/video_imgs.jpg" class="embed_code img-responsive" /> <?php } } // Reset Post Data ?> <?php
function Html_portfolio_video_edit($thumb, $id_portfolio, $id, $param, $video, $edit) { global $wpdb; $video_id = get_video_id_from_url($param); ?> <style> html.wp-toolbar { padding:0px !important; } #wpadminbar,#adminmenuback,#screen-meta, .update-nag,#dolly { display:none; } #wpbody-content { padding-bottom:30px; } #adminmenuwrap {display:none !important;} .auto-fold #wpcontent, .auto-fold #wpfooter { margin-left: 0px; } #wpfooter {display:none;} iframe {height:150px !important;} #TB_window {height:150px !important;} .html5-video-player:not(.ad-interrupting):not(.hide-info-bar) .html5-info-bar { display: none !important; } .iframe-text-area { float: left; } .iframe-area { float: left; height: 100%; width: 40%; margin: 5px; } .text-area { float: left; width: 50%; margin: 5px; } </style> <script type="text/javascript"> function youtube_parser(url){ var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/; var match = url.match(regExp); var match_vimeo = /vimeo.*\/(\d+)/i.exec( url ); if (match&&match[7].length==11){ return match[7]; }else if(match_vimeo) { return match_vimeo[1]; } else { return false; } } jQuery(document).ready(function() { jQuery('.huge-it-insert-video-button').click(function(){ var ID1 = jQuery('#huge_it_add_video_input').val(); if(ID1==""){alert("Please copy and past url form Youtube or Vimeo to insert into slider.");return false;} if (youtube_parser(ID1) == false) { alert("Url is incorrect"); return false; } jQuery('.huge-it-insert-post-button').on('click', function() { //var ID1 = jQuery('#huge_it_add_video_input').val(); window.parent.uploadID.val(ID1); tb_remove(); //jQuery("#save-buttom").click(); }); jQuery('#huge_it_add_video_input').change(function(){ if (jQuery(this).val().indexOf("youtube") >= 0){ jQuery('#add-video-popup-options > div').removeClass('active'); jQuery('#add-video-popup-options .youtube').addClass('active'); }else if (jQuery(this).val().indexOf("vimeo") >= 0){ jQuery('#add-video-popup-options > div').removeClass('active'); jQuery('#add-video-popup-options .vimeo').addClass('active'); }else { jQuery('#add-video-popup-options > div').removeClass('active'); jQuery('#add-video-popup-options .error-message').addClass('active'); } }) }); <?php if (isset($_GET["closepop"])) { if ($_GET["closepop"] == 1) { ?> jQuery("#closepopup").click(); self.parent.location.reload(); <?php } } ?> jQuery('.updated').css({"display":"none"}); }); /***add***/ jQuery(function($) { jQuery(".set-new-video").on('click',function() { var showcontrols,prefix; var new_video = jQuery("#huge_it_add_video_input").val(); //alert(new_video);return; var new_video_id= youtube_parser(new_video); if(!new_video_id) return; if(new_video_id.length == 11) { showcontrols = "?modestbranding=1&showinfo=0&controls=0"; prefix = "//www.youtube.com/embed/"; } else { showcontrols = "?title=0&byline=0&portrait=0"; prefix = "//player.vimeo.com/video/"; } var old_url =jQuery(".text-area"); jQuery(".iframe-area").fadeOut(300); old_url.html(""); jQuery(".text-area").html(new_video); jQuery(".iframe-area").attr("src",prefix+new_video_id+showcontrols); jQuery("#huge_it_edit_video_input").val(prefix+new_video_id+showcontrols); jQuery(".iframe-area").fadeIn(1000); }) /*jQuery("#huge_it_add_video_input").change(function() { var showcontrols,prefix; var new_video = jQuery("#huge_it_add_video_input").val(); var new_video_id= youtube_parser(new_video); if(!new_video_id) return; if(new_video_id.length == 11) { showcontrols = "?modestbranding=1&showinfo=0&controls=0"; prefix = "//www.youtube.com/embed/"; } else { showcontrols = "?title=0&byline=0&portrait=0"; prefix = "//player.vimeo.com/video/"; } var old_url =jQuery(".text-area"); jQuery(".iframe-area").fadeOut(300); old_url.html(""); jQuery(".text-area").html(new_video); jQuery(".iframe-area").attr("src",prefix+new_video_id+showcontrols); jQuery("#huge_it_edit_video_input").val(prefix+new_video_id+showcontrols); jQuery(".iframe-area").fadeIn(1000); })*/ }); </script> <h1>Update video</h1> <form method="post" action="admin.php?page=portfolios_huge_it_portfolio&task=portfolio_video_edit&portfolio_id=<?php echo $id_portfolio; ?> &id=<?php echo $id; ?> &thumb=<?php echo $thumb; ?> &TB_iframe=1&closepop=1" > <div class="iframe-text-area"> <?php if ($edit == '') { ?> <iframe class="iframe-area" src="<?php if ($video == 'youtube') { ?> //www.youtube.com/embed/<?php echo $video_id[0]; ?> ?modestbranding=1&showinfo=0&controls=0 <?php } else { ?> //player.vimeo.com/video/<?php echo $video_id[0]; ?> ?title=0&byline=0&portrait=0 <?php } ?> " frameborder="0" allowfullscreen></iframe> <?php } else { ?> <iframe class="iframe-area" src=<?php echo $edit; ?> frameborder="0" allowfullscreen></iframe> <?php } ?> <textarea rows="4" cols="50" class="text-area" disabled > <?php echo $param; ?> </textarea> <input type="text" id="huge_it_add_video_input" name="huge_it_add_video_input" value="" placeholder = "New video url" /><br /> <input type="hidden" id="huge_it_edit_video_input" name="huge_it_edit_video_input" value="" placeholder = "New video url" /><br /> </div> <a class='button-primary set-new-video'>See New Video</a> <button class='save-slider-options button-primary huge-it-insert-video-button' id='huge-it-insert-video-button'>Insert Video Slide</button> </form> <?php }
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; $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"] = "2ea2cd"; $paramssld["ht_view2_show_popup_linkbutton"] = "on"; $paramssld["ht_view2_popup_linkbutton_text"] = "View More"; $paramssld["ht_view2_popup_linkbutton_background_hover_color"] = "0074a2"; $paramssld["ht_view2_popup_linkbutton_background_color"] = "2ea2cd"; $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"] = "0074a2"; $paramssld["ht_view5_linkbutton_background_color"] = "2ea2cd"; $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"] = "0074a2"; $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"] = "0074A2"; $paramssld["ht_view6_title_font_hover_color"] = "2EA2CD"; $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["light_box_size"] = "17"; $paramssld["light_box_width"] = "500"; $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"] = "500"; $paramssld["light_box_innerwidth"] = "false"; $paramssld["light_box_innerheight"] = "false"; $paramssld["light_box_initialwidth"] = "300"; $paramssld["light_box_initialheight"] = "100"; $paramssld["light_box_maxwidth"] = "900"; $paramssld["light_box_maxheight"] = "700"; $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"] = "top"; $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"] = "View Picture"; $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["ht_view2_content_in_center"] = "off"; $paramssld["ht_view6_content_in_center"] = "off"; $paramssld["ht_view2_popup_full_width"] = "on"; //////////////////////////////////////////////////// $paramssld["ht_view9_title_fontsize"] = "18"; $paramssld["ht_view9_title_color"] = "FFFFFF"; $paramssld["ht_view9_desc_color"] = "000000"; $paramssld["ht_view9_desc_fontsize"] = "14"; $paramssld["ht_view9_element_title_show"] = "true"; $paramssld["ht_view9_element_desc_show"] = "true"; $paramssld["ht_view9_general_width"] = "100"; $paramssld["view9_general_position"] = "center"; $paramssld["view9_title_textalign"] = "left"; $paramssld["view9_desc_textalign"] = "justify"; $paramssld["view9_image_position"] = "2"; $paramssld["ht_view9_title_back_color"] = "000000"; $paramssld["ht_view9_title_opacity"] = "70"; $paramssld["ht_view9_desc_opacity"] = "100"; $paramssld["ht_view9_desc_back_color"] = "FFFFFF"; $paramssld["ht_view9_general_space"] = "0"; $paramssld["ht_view9_general_separator_size"] = "0"; $paramssld["ht_view9_general_separator_color"] = "010457"; $paramssld["view9_general_separator_style"] = "dotted"; $paramssld["ht_view9_paginator_fontsize"] = "22"; $paramssld["ht_view9_paginator_color"] = "1046B3"; $paramssld["ht_view9_paginator_icon_color"] = "1046B3"; $paramssld["ht_view9_paginator_icon_size"] = "18"; $paramssld["view9_paginator_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"; ////////////////////////////////////////////////////////// $paramssld["ht_popup_rating_count"] = "on"; $paramssld["ht_popup_likedislike_bg"] = "7993A3"; $paramssld["ht_contentsl_rating_count"] = "on"; $paramssld["ht_popup_likedislike_bg_trans"] = "0"; $paramssld["ht_popup_likedislike_thumb_color"] = "2EC7E6"; $paramssld["ht_popup_likedislike_thumb_active_color"] = "2883C9"; $paramssld["ht_popup_likedislike_font_color"] = "454545"; $paramssld["ht_popup_active_font_color"] = "000000"; $paramssld["ht_contentsl_likedislike_bg"] = "7993A3"; $paramssld["ht_contentsl_likedislike_bg_trans"] = "0"; $paramssld["ht_contentsl_likedislike_thumb_color"] = "2EC7E6"; $paramssld["ht_contentsl_likedislike_thumb_active_color"] = "2883C9"; $paramssld["ht_contentsl_likedislike_font_color"] = "454545"; $paramssld["ht_contentsl_active_font_color"] = "1C1C1C"; $paramssld["ht_lightbox_rating_count"] = "on"; $paramssld["ht_lightbox_likedislike_bg"] = "FFFFFF"; $paramssld["ht_lightbox_likedislike_bg_trans"] = "20"; $paramssld["ht_lightbox_likedislike_thumb_color"] = "7A7A7A"; $paramssld["ht_lightbox_likedislike_thumb_active_color"] = "E83D09"; $paramssld["ht_lightbox_likedislike_font_color"] = "FFFFFF"; $paramssld["ht_lightbox_active_font_color"] = "FFFFFF"; $paramssld["ht_slider_rating_count"] = "on"; $paramssld["ht_slider_likedislike_bg"] = "FFFFFF"; $paramssld["ht_slider_likedislike_bg_trans"] = "70"; $paramssld["ht_slider_likedislike_thumb_color"] = "000000"; $paramssld["ht_slider_likedislike_thumb_active_color"] = "FF3D3D"; $paramssld["ht_slider_likedislike_font_color"] = "3D3D3D"; $paramssld["ht_slider_active_font_color"] = "1C1C1C"; $paramssld["ht_thumb_rating_count"] = "on"; $paramssld["ht_thumb_likedislike_bg"] = "63150C"; $paramssld["ht_thumb_likedislike_bg_trans"] = "0"; $paramssld["ht_thumb_likedislike_thumb_color"] = "F7F7F7"; $paramssld["ht_thumb_likedislike_thumb_active_color"] = "E65010"; $paramssld["ht_thumb_likedislike_font_color"] = "E6E6E6"; $paramssld["ht_thumb_active_font_color"] = "FFFFFF"; $paramssld["ht_just_rating_count"] = "off"; $paramssld["ht_just_likedislike_bg"] = "FFFFFF"; $paramssld["ht_just_likedislike_bg_trans"] = "0"; $paramssld["ht_just_likedislike_thumb_color"] = "FFFFFF"; $paramssld["ht_just_likedislike_thumb_active_color"] = "0ECC5A"; $paramssld["ht_just_likedislike_font_color"] = "030303"; $paramssld["ht_just_active_font_color"] = "EDEDED"; $paramssld["ht_blog_rating_count"] = "on"; $paramssld["ht_blog_likedislike_bg"] = "0B0B63"; $paramssld["ht_blog_likedislike_bg_trans"] = "0"; $paramssld["ht_blog_likedislike_thumb_color"] = "8F827C"; $paramssld["ht_blog_likedislike_thumb_active_color"] = "5CADFF"; $paramssld["ht_blog_likedislike_font_color"] = "4D4B49"; $paramssld["ht_blog_active_font_color"] = "020300"; $paramssld["ht_popup_heart_likedislike_thumb_color"] = "84E0E3"; $paramssld["ht_popup_heart_likedislike_thumb_active_color"] = "46B4E3"; $paramssld["ht_contentsl_heart_likedislike_thumb_color"] = "84E0E3"; $paramssld["ht_contentsl_heart_likedislike_thumb_active_color"] = "46B4E3"; $paramssld["ht_lightbox_heart_likedislike_thumb_color"] = "B50000"; $paramssld["ht_lightbox_heart_likedislike_thumb_active_color"] = "EB1221"; $paramssld["ht_slider_heart_likedislike_thumb_color"] = "8F8F8F"; $paramssld["ht_slider_heart_likedislike_thumb_active_color"] = "FF2A12"; $paramssld["ht_thumb_heart_likedislike_thumb_color"] = "FF0000"; $paramssld["ht_thumb_heart_likedislike_thumb_active_color"] = "C21313"; $paramssld["ht_just_heart_likedislike_thumb_color"] = "E0E0E0"; $paramssld["ht_just_heart_likedislike_thumb_active_color"] = "F23D3D"; $paramssld["ht_blog_heart_likedislike_thumb_color"] = "D63E48"; $paramssld["ht_blog_heart_likedislike_thumb_active_color"] = "E00000"; ////////////////////////////////////////////////////////// /***<optimize_images>***/ $image_prefix = "_huge_it_small_gallery"; $view2_width = $paramssld['ht_view2_element_width']; $view3_width = $paramssld['thumb_image_width']; $view4_width = $paramssld["ht_view5_main_image_width"]; $view6_width = $paramssld["ht_view6_width"]; if (!function_exists('get_huge_image')) { function get_huge_image($image_url, $img_prefix) { //if(huge_it_copy_image_to_small($image_url,$image_prefix,$cropwidth)) { $pathinfo = pathinfo($image_url); $upload_dir = wp_upload_dir(); $url_img_copy = $upload_dir["url"] . '/' . $pathinfo["filename"] . $img_prefix . '.' . $pathinfo["extension"]; $img_abs_path = $url_img_copy; $img_abs_path = parse_url($url_img_copy, PHP_URL_PATH); $img_abs_path = $_SERVER['DOCUMENT_ROOT'] . $img_abs_path; if (file_exists($img_abs_path)) { return $url_img_copy; } else { //} return $image_url; } } } /***</optimize_images>***/ foreach ($gallery as $gall) { global $post; $pID = $post->ID; $like_dislike = $gall->rating; } ?> <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 if (!empty($_SERVER['HTTP_CLIENT_IP'])) { $huge_it_ip = $_SERVER['HTTP_CLIENT_IP']; } elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) { $huge_it_ip = $_SERVER['HTTP_X_FORWARDED_FOR']; } else { $huge_it_ip = $_SERVER['REMOTE_ADDR']; } ?> jQuery(document).ready(function(){ <?php if ($like_dislike != 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count').each(function(){ if(jQuery(this).text()<0)jQuery(this).text(0) if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count').each(function(){ if(jQuery(this).text()<0)jQuery(this).text(0) if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ if(jQuery(this).text()<0)jQuery(this).text(0) var currentNum=jQuery(this).text(); var resNum=jQuery.trim(currentNum); if((resNum.length>3||resNum.length>4||resNum.length>5)&&resNum.length<7){ return jQuery(this).text(resNum.slice(0, -3)+'k'); } else if((resNum.length>6||resNum.length>7||resNum.length>8)&&resNum.length<10){ return jQuery(this).text(resNum.slice(0, -6)+'m'); } else if(resNum.length>9||resNum.length>10||resNum.length>11){ return jQuery(this).text(resNum.slice(0, -9)+'b'); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.likeheart').addClass('like_thumb_active'); jQuery(this).parent().find('.huge_it_like_thumb').addClass('like_font_active'); } }); <?php } else { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) var thumbDislike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_thumb').each(function(){ thumbDislike=jQuery(this).attr('data-status'); if(thumbDislike=='disliked'){ jQuery(this).parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) <?php } ?> function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } jQuery(document).on("click tap",".huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper",function(){ var image_id=jQuery(this).parent().find('.huge_it_like_count').attr('id'); var status=jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status'); function setCookie(name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); } function getCookie(name) { var cookie = " " + document.cookie; var search = " " + name + "="; var setStr = null; var offset = 0; var end = 0; if (cookie.length > 0) { offset = cookie.indexOf(search); if (offset != -1) { offset += search.length; end = cookie.indexOf(";", offset) if (end == -1) { end = cookie.length; } setStr = unescape(cookie.substring(offset, end)); } } return(setStr); } function delCookie(name) { document.cookie = name + "=" + "; expires=Thu, 01 Jan 1970 00:00:01 GMT"; } var resStatus=jQuery(this).parent().find("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status'); var resStatus2=jQuery(".huge_it_dislike_thumb[id='"+image_id+"']").attr('data-status'); //alert(resStatus2); <?php if ($like_dislike == 'heart') { ?> if(resStatus=='unliked'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.likeheart').addClass('like_thumb_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.huge_it_like_thumb').addClass('like_font_active'); //jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','liked') }else if(resStatus=='liked'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.likeheart').removeClass('like_thumb_active').addClass('likeheart'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.huge_it_like_thumb').removeClass('like_font_active'); //jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','unliked') //delCookie('Like_'+image_id); } <?php } ?> ///////////////////////////// if(resStatus2==undefined){ if(resStatus=='unliked'){ date = new Date(); date.setHours(date.getFullYear() + 1); var cookie=setCookie('Like_'+image_id, randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'), date.toUTCString()); }else if(resStatus=='liked'){ var cookie=getCookie('Like_'+image_id); } }else{ if(resStatus=='unliked'&&resStatus2=='unliked'){ date = new Date(); date.setHours(date.getFullYear() + 1); var cookie=setCookie('Like_'+image_id, randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'), date.toUTCString()); }else if(resStatus=='unliked'&&resStatus2=='disliked'){ date = new Date(); date.setHours(date.getFullYear() + 1); var newCookie=getCookie('Dislike_'+image_id); var cookie=setCookie('Like_'+image_id, newCookie , date.toUTCString()); delCookie('Dislike_'+image_id); }else if(resStatus=='liked'){ var cookie=getCookie('Like_'+image_id); } } var data={ action:'huge_it_video_gallery_ajax', task:'like', image_id:image_id, cook:getCookie('Like_'+image_id), status:status } jQuery.post('<?php echo admin_url("admin-ajax.php"); ?> ',data,function(response){ if(response){ response=JSON.parse(response); if(response.like){ var likeNumber=response.like; if((likeNumber.length>3||likeNumber.length>4||likeNumber.length>5)&&likeNumber.length<7){ likeNumber=likeNumber.slice(0, -3)+'k'; } else if((likeNumber.length>6||likeNumber.length>7||likeNumber.length>8)&&likeNumber.length<10){ likeNumber=likeNumber.slice(0, -6)+'m'; } else if(likeNumber.length>9||likeNumber.length>10||likeNumber.length>11){ likeNumber=likeNumber.slice(0, -9)+'b'; } response.like=likeNumber; } if(response.dislike){ var dislikeNumber=response.dislike; if((dislikeNumber.length>3||dislikeNumber.length>4||dislikeNumber.length>5)&&dislikeNumber.length<7){ dislikeNumber=dislikeNumber.slice(0, -3)+'k'; } else if((dislikeNumber.length>6||dislikeNumber.length>7||dislikeNumber.length>8)&&dislikeNumber.length<10){ dislikeNumber=dislikeNumber.slice(0, -6)+'m'; } else if(dislikeNumber.length>9||dislikeNumber.length>10||dislikeNumber.length>11){ dislikeNumber=dislikeNumber.slice(0, -9)+'b'; } response.dislike=dislikeNumber; } <?php if ($like_dislike != 'heart') { ?> if(response.like<0)response.like=0; jQuery("span.huge_it_like_count[id='"+image_id+"']").text(response.like); <?php } ?> <?php if ($like_dislike == 'heart') { ?> if(response.like<0)response.like=0; jQuery("span.huge_it_like_thumb[id='"+image_id+"']").text(response.like); <?php } ?> jQuery("span.huge_it_dislike_count[id='"+image_id+"']").text(response.dislike); if(response.dislike<0)response.dislike=0; <?php if ($like_dislike == 'heart') { ?> if(response.statLike=='Liked'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.likeheart').addClass('like_thumb_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.huge_it_like_thumb').addClass('like_font_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','liked') }else if(response.statLike=='Like'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.likeheart').removeClass('like_thumb_active').addClass('likeheart'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.huge_it_like_thumb').removeClass('like_font_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','unliked') delCookie('Like_'+image_id); } <?php } else { ?> if(response.statLike=='Liked'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().addClass('like_font_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','liked') }else if(response.statLike=='Like'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.like_thumb_up').removeClass('like_thumb_active').addClass('like_thumb_up'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().removeClass('like_font_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','unliked') delCookie('Like_'+image_id); } <?php } ?> if(response.statDislike=='Disliked'){ jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().addClass('like_font_active'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").attr('data-status','disliked') }else if(response.statDislike=='Dislike'){ jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().find('.dislike_thumb_down').removeClass('like_thumb_active').addClass('dislike_thumb_down'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().removeClass('like_font_active'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").attr('data-status','unliked') } } }) return false; }) jQuery(document).on("click tap",".huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper",function(){ var image_id=jQuery(this).parent().find('.huge_it_dislike_count').attr('id'); function setCookie(name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); } function getCookie(name) { var cookie = " " + document.cookie; var search = " " + name + "="; var setStr = null; var offset = 0; var end = 0; if (cookie.length > 0) { offset = cookie.indexOf(search); if (offset != -1) { offset += search.length; end = cookie.indexOf(";", offset) if (end == -1) { end = cookie.length; } setStr = unescape(cookie.substring(offset, end)); } } return(setStr); } function delCookie(name) { document.cookie = name + "=" + "; expires=Thu, 01 Jan 1970 00:00:01 GMT"; } var resStatus=jQuery(this).parent().find("span.huge_it_dislike_thumb[id='"+image_id+"']").attr('data-status'); var resStatus2=jQuery(".huge_it_like_thumb[id='"+image_id+"']").attr('data-status'); if(resStatus=='unliked' && resStatus2=='unliked'){ date = new Date(); date.setHours(date.getFullYear() + 1); var cook=setCookie('Dislike_'+image_id, randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'), date.toUTCString()); }else if(resStatus=='unliked' && resStatus2=='liked'){ date = new Date(); date.setHours(date.getFullYear() + 1); var newCookie=getCookie('Like_'+image_id); var cook=setCookie('Dislike_'+image_id, newCookie , date.toUTCString()); delCookie('Like_'+image_id); }else if(resStatus=='disliked'){ var cook=getCookie('Dislike_'+image_id); } var data={ action:'huge_it_video_gallery_ajax', task:'dislike', image_id:image_id, cook:getCookie('Dislike_'+image_id) } jQuery.post('<?php echo admin_url("admin-ajax.php"); ?> ',data,function(response){ if(response){ response=JSON.parse(response); if(response.like){ var likeNumber=response.like; if((likeNumber.length>3||likeNumber.length>4||likeNumber.length>5)&&likeNumber.length<7){ likeNumber=likeNumber.slice(0, -3)+'k'; } else if((likeNumber.length>6||likeNumber.length>7||likeNumber.length>8)&&likeNumber.length<10){ likeNumber=likeNumber.slice(0, -6)+'m'; } else if(likeNumber.length>9||likeNumber.length>10||likeNumber.length>11){ likeNumber=likeNumber.slice(0, -9)+'b'; } response.like=likeNumber; } if(response.dislike){ var dislikeNumber=response.dislike; if((dislikeNumber.length>3||dislikeNumber.length>4||dislikeNumber.length>5)&&dislikeNumber.length<7){ dislikeNumber=dislikeNumber.slice(0, -3)+'k'; } else if((dislikeNumber.length>6||dislikeNumber.length>7||dislikeNumber.length>8)&&dislikeNumber.length<10){ dislikeNumber=dislikeNumber.slice(0, -6)+'m'; } else if(dislikeNumber.length>9||dislikeNumber.length>10||dislikeNumber.length>11){ dislikeNumber=dislikeNumber.slice(0, -9)+'b'; } response.dislike=dislikeNumber; } if(response.like<0)response.like=0; jQuery("span.huge_it_like_count[id='"+image_id+"']").text(response.like); if(response.dislike<0)response.dislike=0; jQuery("span.huge_it_dislike_count[id='"+image_id+"']").text(response.dislike); if(response.statLike=='Liked'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().addClass('like_font_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','liked') }else if(response.statLike=='Like'){ jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().find('.like_thumb_up').removeClass('like_thumb_active').addClass('like_thumb_up'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").parent().removeClass('like_font_active'); jQuery("span.huge_it_like_thumb[id='"+image_id+"']").attr('data-status','unliked') delCookie('Like_'+image_id); } if(response.statDislike=='Disliked'){ jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().addClass('like_font_active'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").attr('data-status','disliked'); }else if(response.statDislike=='Dislike'){ jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().find('.dislike_thumb_down').removeClass('like_thumb_active').addClass('dislike_thumb_down'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").parent().removeClass('like_font_active'); jQuery("span.huge_it_dislike_thumb[id='"+image_id+"']").attr('data-status','unliked'); delCookie('Dislike_'+image_id); } } }) return false; }) }); <?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('gallery_group<?php echo $galleryID; ?> '); jQuery(".gallery_group<?php echo $galleryID; ?> ").colorbox({rel:'gallery_group<?php echo $galleryID; ?> '}); 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'); } }); /******************Clone bug update***************************/ var groups = <?php echo $galleryID; ?> ; var group_count_slider = 0; var i = 1; var group_count_slider_clone = 0; jQuery(".slider-content").each(function(){ group_count_slider++; }); jQuery(".gallery_group"+i).colorbox({rel:'gallery_group'+i}); //jQuery(".group1").colorbox({rel:'group1'}); for(var i = 1; i <= group_count_slider; i++){ jQuery(".gallery_group_"+groups+"_"+i).colorbox({rel:'gallery_group_'+groups+"_"+i}); jQuery("#main-slider_<?php echo $galleryID; ?> .clone a").removeClass(); } /*************************************************************/ 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; ?> "></script> <link rel="stylesheet" href="<?php echo plugins_url('../style/style2-os.css', __FILE__); ?> " /> <script src="<?php php; ?> "></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_moving_<?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.isotope({ 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(){ if(jQuery(window).width() < defaultBlockWidth) { jQuery("#huge_it_gallery_container_moving_<?php echo $galleryID; ?> ").width('100%'); return; } var elementwidth=defaultBlockWidth + 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.isotope( 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').isotope( options ); }, 100 ) } else { $container.isotope( options ); } } var $sortBy = jQuery('#sort-by'); jQuery('#shuffle a').click(function(){ $container.isotope('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; ?> .gallery-image-overlay a').on('click',function(){ var strid = jQuery(this).attr('href').replace('#',''); jQuery(this).parents('body').append('<div id="huge-popup-overlay-image_<?php echo $galleryID; ?> "></div>'); jQuery('#huge_it_gallery_popup_list_<?php echo $galleryID; ?> ').insertBefore('#huge-popup-overlay-image_<?php echo $galleryID; ?> '); var height = jQuery(window).height(); var width=jQuery(window).width(); if(width<=767){ jQuery(window).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; }); /* <-- POPUP LEFT CLICK --> */ jQuery("#huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .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_gallery_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_gallery_popup_list_<?php echo $galleryID; ?> ").find(".pupup-element").last().find('a').data('popupid').replace('#',''); jQuery('#huge_it_gallery_pupup_element_'+strid).css({height:height*0.7}); jQuery(this).closest(".pupup-element").removeClass("active"); jQuery("#huge_it_gallery_popup_list_<?php echo $galleryID; ?> ").find(".pupup-element").last().addClass("active"); } }); /* <-- POPUP RIGHT CLICK --> */ jQuery("#huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .right-change").click(function(){ var height = jQuery(window).height(); var num = jQuery(this).find("a").attr("href").replace('#', ''); var cnt = 0; jQuery("#huge_it_gallery_popup_list_<?php echo $galleryID; ?> ").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_gallery_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_gallery_popup_list_<?php echo $galleryID; ?> ").find(".pupup-element:first-child a").data('popupid').replace('#',''); jQuery('#huge_it_gallery_pupup_element_'+strid).css({height:height*0.7}); jQuery(this).closest(".pupup-element").removeClass("active"); jQuery("#huge_it_gallery_popup_list_<?php echo $galleryID; ?> ").find(".pupup-element:first-child").addClass("active"); } }); ////// 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-image_<?php echo $galleryID; ?> ',function(){ closePopup(); return false; }); function closePopup() { jQuery('#huge-popup-overlay-image_<?php echo $galleryID; ?> ').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"> .entry-content a{ border-bottom: none !important; } .element_<?php echo $galleryID; ?> { 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; } .element_<?php echo $galleryID; ?> .image-block_<?php echo $galleryID; ?> { position:relative; width:100%; } .element_<?php echo $galleryID; ?> .image-block_<?php echo $galleryID; ?> img { width:100% !important; max-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; ?> .gallery-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; ?> .gallery-image-overlay { display:block; } .element_<?php echo $galleryID; ?> .image-block_<?php echo $galleryID; ?> .gallery-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% 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_popup_title_font_size"]; ?> px !important; color:#<?php echo $paramssld["ht_view2_element_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; } .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; } /*#####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:10000; 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 !important; display:block;"; } else { echo "width:100% !important;"; } ?> display 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; } /**/ #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .left-change, #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .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_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .right-change{ position: relative; margin-left: -6px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .right-change:hover, #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .left-change:hover{ background: #ddd; border-color: #ccc; color: #000 !important; cursor: pointer; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .right-change a, #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .heading-navigation_<?php echo $galleryID; ?> .left-change a{ position:absolute; top:50%; transform:translate(-50%, -50%); color: #777; text-decoration: none; width: 12px; height: 24px; line-height:1; display: inline-block; } /**/ .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-image_<?php echo $galleryID; ?> { 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-image_<?php echo $galleryID; ?> { 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"> <div id="huge_it_gallery_container_moving_<?php echo $galleryID; ?> "> <input type="hidden" class="pagenum" value="1" /> <?php foreach ($images as $image) { $idofgallery = $image->gallery_id; //print_r($image); } global $wpdb; $pattern = '/-/'; $query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_itgallery_gallerys 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) ; } switch ($like_dislike) { case "dislike": ?> <style> /*/////Like/Dislike Styles BEGIN//////Dislike//////*/ #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { float: right; color:#<?php echo $paramssld['ht_popup_likedislike_font_color']; ?> ; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_popup_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_popup_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; cursor: pointer; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; cursor: pointer; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; /*background:url('<?php echo plugins_url('../images/dislike.png', __FILE__); ?> ') 2.5px center no-repeat;*/ } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color: #<?php echo $paramssld['ht_popup_likedislike_thumb_color']; ?> ; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_popup_likedislike_thumb_color']; ?> ; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_popup_likedislike_thumb_active_color']; ?> !important; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_popup_likedislike_thumb_active_color']; ?> !important; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_popup_likedislike_thumb_active_color']; ?> !important; } } /*///////////////////POPUP////////////////*/ #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { color:#<?php echo $paramssld['ht_popup_likedislike_font_color']; ?> ; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_popup_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_popup_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; cursor: pointer; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; cursor: pointer; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; /*background:url('<?php echo plugins_url('../images/dislike.png', __FILE__); ?> ') 2.5px center no-repeat;*/ } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color: #<?php echo $paramssld['ht_popup_likedislike_thumb_color']; ?> ; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_popup_likedislike_thumb_color']; ?> ; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_popup_likedislike_thumb_active_color']; ?> !important; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_popup_likedislike_thumb_active_color']; ?> !important; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_popup_likedislike_thumb_active_color']; ?> !important; } } /*///////////////////POPUP////////////////*/ /*/////Like/Dislike Styles END//////Dislike//////*/ </style> <?php break; case "heart": ?> <style> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { float: right; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_popup_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_popup_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #<?php echo $paramssld['ht_popup_heart_hov_bg_color']; ?> ; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_popup_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_popup_likedislike_font_color']; } ?> color:<?php echo $heartCount . ';'; ?> width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:after { color:#fff; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:hover:after { opacity:1; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color: #<?php echo $paramssld['ht_popup_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition: 0.3s ease; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_popup_heart_likedislike_thumb_active_color']; ?> !important; } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_popup_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_popup_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; <?php } ?> } #huge_it_gallery_content_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_popup_heart_likedislike_thumb_active_color']; ?> !important; } } /*///////////////POPUP//////////////////*/ #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right: 0; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_popup_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_popup_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #<?php echo $paramssld['ht_popup_heart_hov_bg_color']; ?> ; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_popup_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_popup_likedislike_font_color']; } ?> color:<?php echo $heartCount . ';'; ?> width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:after { color:#fff; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:hover:after { opacity:1; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color: #<?php echo $paramssld['ht_popup_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition: 0.3s ease; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_popup_heart_likedislike_thumb_active_color']; ?> !important; } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_popup_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_popup_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_popup_active_font_color']; ?> !important; <?php } ?> } #huge_it_gallery_popup_list_<?php echo $galleryID; ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_popup_heart_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////Heart//////*/ </style> <?php break; } ?> <?php global $wpdb; $num = $count_page; //$total = count($images) ; $total = intval((count($images) - 1) / $num + 1); //$total_img=count($images); if (isset($_GET['page-img' . $idofgallery . $pID])) { $page = $_GET['page-img' . $idofgallery . $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_itgallery_images where gallery_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) { if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $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="element_<?php echo $galleryID; ?> " tabindex="0" data-symbol="<?php echo str_replace('__5_5_5__', '%', $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 str_replace('__5_5_5__', '%', $row->name); ?> " id="wd-cl-img<?php echo $key; ?> " src="<?php echo get_huge_image($imgurl[0], $image_prefix); ?> " /> <?php } else { ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $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 str_replace('__5_5_5__', '%', $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 str_replace('__5_5_5__', '%', $row->name); ?> " src="<?php echo $imgsrc; ?> " /> <?php } ?> <?php break; } ?> <?php 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="gallery-image-overlay"><a href="#<?php echo $row->id; ?> "></a> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_popup_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_popup_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </div> </div> <div class="title-block_<?php echo $galleryID; ?> "><?php if (str_replace('__5_5_5__', '%', $row->name) != '' && str_replace('__5_5_5__', '%', $row->name) != null) { ?> <h3><?php echo str_replace('__5_5_5__', '%', $row->name); ?> </h3> <?php } ?> <?php if ($paramssld["ht_view2_element_show_linkbutton"] == 'on') { ?> <?php echo $viwMoreButton; ?> <?php } ?> </div> </div> <?php } ?> </div> <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_gallery_content_<?php echo $idofgallery; ?> .load_more_button5").length){ jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button5").on("click tap",function(){ if(jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .pagenum:last").val()<jQuery("#huge_it_gallery_container_<?php echo $idofgallery; ?> #total").val()) { var pagenum = parseInt(jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .pagenum:last").val()) + 1; var perpage =<?php echo $count_page; ?> ; var galleryid="<?php echo $image->gallery_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 pID="<?php echo $pID; ?> "; var likeStyle="<?php echo $like_dislike; ?> "; var ratingCount="<?php echo $paramssld['ht_popup_rating_count']; ?> "; //alert(pagenum+','+perpage+','+galleryid+','+width+','+height); getresult(pagenum,perpage,galleryid,thumbtext,linkbutton,showbutton,pID,likeStyle,ratingCount); }else{ jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button5').hide(); } return false; }); } if(jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#huge_it_gallery_container_<?php echo $idofgallery; ?> #total").val()) { jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button5').hide(); } function getresult(pagenum,perpage,galleryid,thumbtext,linkbutton,showbutton,pID,likeStyle,ratingCount){ var data = { action:"huge_it_video_gallery_ajax", task:'load_images_content', page:pagenum, perpage:perpage, galleryid:galleryid, thumbtext:thumbtext, linkbutton:linkbutton, showbutton:showbutton, pID:pID, likeStyle:likeStyle, ratingCount:ratingCount } jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .loading5').show(); jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button5').hide(); jQuery.post('<?php echo admin_url("admin-ajax.php"); ?> ',data,function(response){ if(response.success){ var $objnewitems= jQuery(response.success); jQuery('#huge_it_gallery_container_moving_<?php echo $idofgallery; ?> ').append( $objnewitems ).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order' }).isotope( 'reLayout' ); jQuery('#huge_it_gallery_container_moving_<?php echo $idofgallery; ?> img').on('load',function(){ //jQuery("#huge_it_videogallery_container_<?php echo $idofgallery; ?> ").append(response.success); 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_moving_<?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.isotope({ 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(){ if(jQuery(window).width() < defaultBlockWidth) { jQuery("#huge_it_gallery_container_moving_<?php echo $galleryID; ?> ").width('100%'); return; } var elementwidth=defaultBlockWidth + 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.isotope( 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').isotope( options ); }, 100 ) } else { $container.isotope( options ); } } var $sortBy = jQuery('#sort-by'); jQuery('#shuffle a').click(function(){ $container.isotope('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; ?> .gallery-image-overlay a').on('click',function(){ var strid = jQuery(this).attr('href').replace('#',''); jQuery(this).parents('body').append('<div id="huge-popup-overlay-image_<?php echo $galleryID; ?> "></div>'); jQuery('#huge_it_gallery_popup_list_<?php echo $galleryID; ?> ').insertBefore('#huge-popup-overlay-image_<?php echo $galleryID; ?> '); var height = jQuery(window).height(); var width=jQuery(window).width(); if(width<=767){ jQuery(window).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-image_<?php echo $galleryID; ?> ',function(){ closePopup(); return false; }); function closePopup() { jQuery('#huge-popup-overlay-image_<?php echo $galleryID; ?> ').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); }); }); jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button5').show(); jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .loading5').hide(); if(jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#huge_it_gallery_container_<?php echo $idofgallery; ?> #total").val()) { jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button5').hide(); } <?php if ($like_dislike != 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ var currentNum=jQuery(this).text(); var resNum=jQuery.trim(currentNum); if((resNum.length>3||resNum.length>4||resNum.length>5)&&resNum.length<7){ return jQuery(this).text(resNum.slice(0, -3)+'k'); } else if((resNum.length>6||resNum.length>7||resNum.length>8)&&resNum.length<10){ return jQuery(this).text(resNum.slice(0, -6)+'m'); } else if(resNum.length>9||resNum.length>10||resNum.length>11){ return jQuery(this).text(resNum.slice(0, -9)+'b'); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.likeheart').addClass('like_thumb_active'); jQuery(this).parent().find('.huge_it_like_thumb').addClass('like_font_active'); } }); <?php } else { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) var thumbDislike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_thumb').each(function(){ thumbDislike=jQuery(this).attr('data-status'); if(thumbDislike=='disliked'){ jQuery(this).parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) <?php } ?> function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } }); }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' . $idofgallery . $pID; } else { $checkREQ = '?page-img' . $idofgallery . $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_gallery_popup_list_<?php echo $galleryID; ?> "> <?php $changePopup = 1; foreach ($images as $key => $row) { if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $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_gallery_pupup_element_<?php echo $row->id; ?> "> <div class="heading-navigation_<?php echo $galleryID; ?> "> <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 $galleryID; ?> "> <div class="image-block_<?php echo $galleryID; ?> "> <?php if ($like_dislike == 'heart') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_contentsl_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_contentsl_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <?php $imagerowstype = $row->sl_type; if ($row->sl_type == '') { $imagerowstype = 'image'; } switch ($imagerowstype) { case 'image': ?> <?php if ($row->image_url != ';') { ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " id="wd-cl-big-img<?php echo $key; ?> " src="<?php echo $imgurl[0]; ?> " /> <?php } else { ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " id="wd-cl-big-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; } ?> <?php 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' && str_replace('__5_5_5__', '%', $row->name) != '' && str_replace('__5_5_5__', '%', $row->name) != null) { ?> <h3 class="title"><?php echo str_replace('__5_5_5__', '%', $row->name); ?> </h3><?php } ?> <?php if ($like_dislike != 'off' && $like_dislike != 'heart') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_popup_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_popup_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?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="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;} .entry-content a{ border-bottom: 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; } } <?php switch ($like_dislike) { case "dislike": ?> .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { color: #<?php echo $paramssld['ht_contentsl_likedislike_font_color']; ?> ; position: relative; z-index: 99999999999999999999999999; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_contentsl_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_contentsl_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; cursor: pointer; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:hover:after, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb:hover:after { opacity:1; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color:#<?php echo $paramssld['ht_contentsl_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_contentsl_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_contentsl_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_contentsl_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_contentsl_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_contentsl_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_contentsl_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_contentsl_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END/////like/dislike///////*/ <?php break; case 'heart': ?> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right: 15px; z-index: 99; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_contentsl_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_contentsl_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #D6D4D4; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_contentsl_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_contentsl_likedislike_font_color']; } ?> color:<?php echo $heartCount . ';'; ?> width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:after { color:#fff; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:hover:after { opacity:1; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color:#<?php echo $paramssld['ht_contentsl_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition:0.3s ease; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_contentsl_heart_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_contentsl_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_contentsl_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_contentsl_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_contentsl_active_font_color']; ?> !important; <?php } ?> } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_contentsl_heart_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////Heart//////*/ <?php break; } ?> </style> <div id="main-slider_<?php echo $galleryID; ?> " class="liquid-slider"> <?php foreach ($images as $key => $row) { global $wpdb; if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $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 $galleryID; ?> "> <?php if ($like_dislike == 'heart') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_contentsl_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_contentsl_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <?php $imagerowstype = $row->sl_type; if ($row->sl_type == '') { $imagerowstype = 'image'; } switch ($imagerowstype) { case 'image': ?> <?php if ($row->image_url != ';') { ?> <a class="gallery_group<?php echo $galleryID; ?> " href="<?php echo $imgurl[0]; ?> " title="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> "><img alt="<?php echo $imgurl[0]; ?> " class="main-image" src="<?php echo $imgurl[0]; ?> " /></a> <?php } else { ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $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]; ?> " title="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> "> <img alt="<?php echo str_replace('__5_5_5__', '%', $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]; ?> " 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> <?php } ?> <?php break; } ?> </div> <div class="right-block"> <div><?php if (str_replace('__5_5_5__', '%', $row->name) != '' && str_replace('__5_5_5__', '%', $row->name) != null) { ?> <h2 class="title"><?php echo str_replace('__5_5_5__', '%', $row->name); ?> </h2><?php } ?> </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 ($like_dislike != 'off' && $like_dislike != 'heart') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_contentsl_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_contentsl_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </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: 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; } .element_<?php echo $galleryID; ?> .image-block_<?php echo $galleryID; ?> { position:relative; width: 100%; max-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: 100%; max-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; } .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%; } .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; } <?php switch ($like_dislike) { case "dislike": ?> /*/////Like/Dislike Styles END//////like/dislike//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right:0; z-index: 3; color: #<?php echo $paramssld['ht_lightbox_likedislike_font_color']; ?> ; display: none; } .element_<?php echo $galleryID; ?> :hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: table; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background: <?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_lightbox_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_lightbox_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; cursor: pointer; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color:#<?php echo $paramssld['ht_lightbox_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_lightbox_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_lightbox_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_lightbox_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_lightbox_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_lightbox_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_lightbox_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_lightbox_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////like/dislike//////*/ <?php break; case 'heart': ?> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right: 0; z-index: 99; display: none; } .element_<?php echo $galleryID; ?> :hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: block; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_lightbox_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_lightbox_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; cursor: pointer; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #D6D4D4; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_lightbox_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_lightbox_likedislike_font_color']; } ?> color:<?php echo $heartCount . ';'; ?> width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; /*background:url('<?php echo plugins_url('../images/heart-icon-black.png', __FILE__); ?> ') center center no-repeat;*/ } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:after { color:#fff; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color:#<?php echo $paramssld['ht_lightbox_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition:0.3s ease; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_lightbox_heart_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_lightbox_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_lightbox_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_lightbox_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_lightbox_active_font_color']; ?> !important; <?php } ?> } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_lightbox_heart_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////Heart//////*/ <?php break; } ?> </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"> <div id="huge_it_gallery_container_moving_<?php echo $galleryID; ?> " class="super-list variable-sizes clearfix"> <input type="hidden" class="pagenum" value="1" /> <?php foreach ($images as $image) { $idofgallery = $image->gallery_id; //print_r($image); } global $wpdb; $pattern = '/-/'; $query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_itgallery_gallerys 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' . $idofgallery . $pID])) { $page = $_GET['page-img' . $idofgallery . $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_itgallery_images where gallery_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) { if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $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="element_<?php echo $galleryID; ?> " tabindex="0" data-symbol="<?php echo str_replace('__5_5_5__', '%', $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]; ?> " title="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> "><img alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " id="wd-cl-img<?php echo $key; ?> " title="<?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" /> <?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 gallery_group<?php echo $galleryID; ?> " href="https://www.youtube.com/embed/<?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="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 gallery_group<?php echo $galleryID; ?> " 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> <?php } ?> <?php break; } ?> </div> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_lightbox_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_lightbox_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <?php if (str_replace('__5_5_5__', '%', $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 str_replace('__5_5_5__', '%', $row->name); ?> </a> </div> <?php } ?> </div> <?php } ?> </div> <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_gallery_content_<?php echo $galleryID; ?> .load_more_button4").length){ jQuery("#huge_it_gallery_content_<?php echo $galleryID; ?> .load_more_button4").on("click tap",function(){ if(jQuery("#huge_it_gallery_content_<?php echo $galleryID; ?> .pagenum:last").val()<jQuery("#huge_it_gallery_container_<?php echo $galleryID; ?> #total").val()) { var pagenum = parseInt(jQuery("#huge_it_gallery_container_moving_<?php echo $galleryID; ?> .pagenum:last").val()) + 1; var perpage =<?php echo $count_page; ?> ; var galleryid="<?php echo $galleryID; ?> "; var thumbtext="<?php echo $paramssld["thumb_view_text"]; ?> "; var pID="<?php echo $pID; ?> "; var likeStyle="<?php echo $like_dislike; ?> "; var ratingCount="<?php echo $paramssld['ht_lightbox_rating_count']; ?> "; getresult(pagenum,perpage,galleryid,thumbtext,pID,likeStyle,ratingCount); }else{ jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button4').hide(); } return false; }); } if(jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#huge_it_gallery_container_<?php echo $idofgallery; ?> #total").val()) { jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button4').hide(); } function getresult(pagenum,perpage,galleryid,thumbtext,pID,likeStyle,ratingCount){ var data = { action:"huge_it_video_gallery_ajax", task:'load_images_lightbox', page:pagenum, perpage:perpage, galleryid:galleryid, thumbtext:thumbtext, pID:pID, likeStyle:likeStyle, ratingCount:ratingCount } jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .loading4').show(); jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .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_gallery_container_moving_<?php echo $galleryID; ?> ').append( $objnewitems ).isotope({ sortBy: 'original-order' }) .isotope( 'reLayout' ).isotope( 'reloadItems' ); jQuery('#huge_it_gallery_container_moving_<?php echo $galleryID; ?> img').on('load',function(){ jQuery('#huge_it_gallery_container_moving_<?php echo $galleryID; ?> ').isotope({ sortBy: 'original-order' }) .isotope( 'reLayout' ).isotope( 'reloadItems' ); 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('gallery_group<?php echo $galleryID; ?> '); jQuery(".gallery_group<?php echo $galleryID; ?> ").colorbox({rel:'gallery_group<?php echo $galleryID; ?> '}); 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; }); jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button4').show(); jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .loading4').hide(); if(jQuery("#huge_it_gallery_content_<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#huge_it_gallery_container_<?php echo $idofgallery; ?> #total").val()) { jQuery('#huge_it_gallery_content_<?php echo $idofgallery; ?> .load_more_button4').hide(); } <?php if ($like_dislike != 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ var currentNum=jQuery(this).text(); var resNum=jQuery.trim(currentNum); if((resNum.length>3||resNum.length>4||resNum.length>5)&&resNum.length<7){ return jQuery(this).text(resNum.slice(0, -3)+'k'); } else if((resNum.length>6||resNum.length>7||resNum.length>8)&&resNum.length<10){ return jQuery(this).text(resNum.slice(0, -6)+'m'); } else if(resNum.length>9||resNum.length>10||resNum.length>11){ return jQuery(this).text(resNum.slice(0, -9)+'b'); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.likeheart').addClass('like_thumb_active'); jQuery(this).parent().find('.huge_it_like_thumb').addClass('like_font_active'); } }); <?php } else { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) var thumbDislike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_thumb').each(function(){ thumbDislike=jQuery(this).attr('data-status'); if(thumbDislike=='disliked'){ jQuery(this).parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) <?php } ?> function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } }); }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' . $idofgallery . $pID; } else { $checkREQ = '?page-img' . $idofgallery . $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 $paramssld = []; //<add> for lighbox container correctly viewing in small sizes $paramssld['ht_view6_width'] = <?php echo $paramssld['ht_view6_width']; ?> ; var defaultBlockWidth=$paramssld['ht_view6_width']+20+$paramssld['ht_view6_width']*2; var $container = $('.isotope'); var $container = jQuery('#huge_it_gallery_container_moving_<?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'); } }); reSortImages(); function reSortImages() {//<add> for lighbox container correctly viewing in small sizes $paramssld['ht_view6_width'] = (<?php echo $paramssld['ht_view6_width']; ?> > jQuery(window).width())?jQuery(window).width():<?php echo $paramssld['ht_view6_width']; ?> ; $container.isotope({ itemSelector : '.element_<?php echo $galleryID; ?> ', masonry : { columnWidth : $paramssld['ht_view6_width']+10 }, masonryHorizontal : { rowHeight: 'auto' }, cellsByRow : { columnWidth : $paramssld['ht_view6_width'], rowHeight : 'auto' }, cellsByColumn : { columnWidth : $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.isotope( options ); } return false; }); jQuery(window).resize(function(){ reSortImages(); }); <?php if ($paramssld['ht_view6_content_in_center'] == 'on') { ?> centersection(); reSortImages(); jQuery(window).resize(function(){ centersection(); reSortImages(); }); function centersection(){ var elementwidth=$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){ jQuery("#huge_it_gallery_container_moving_<?php echo $galleryID; ?> ").width('100%'); reSortImages(); return false; } else { var sectionwidth= whole * elementwidth;} jQuery("#huge_it_gallery_container_moving_<?php echo $galleryID; ?> ").width(sectionwidth).css({"margin":"0px auto","overflow":"hidden",}); // console.log(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').isotope( options ); }, 100 ) } else { $container.isotope( options ); } } var $sortBy = jQuery('#sort-by'); jQuery('#shuffle a').click(function(){ $container.isotope('shuffle'); $sortBy.find('.selected').removeClass('selected'); $sortBy.find('[data-option-value="random"]').addClass('selected'); return false; }); jQuery(window).load(function(){ $container.isotope('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; $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, '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("data-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('data-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'); jQuery('.huge_it_gallery_like_cont_<?php echo $sliderID . $pID; ?> ').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'); jQuery(current_image_class).find('.huge_it_gallery_like_cont_<?php echo $sliderID . $pID; ?> ').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_gallery_like_cont_<?php echo $sliderID . $pID; ?> .none{display:none !important;} .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 switch ($like_dislike) { case "dislike": ?> /*/////Like/Dislike Styles BEGIN/////like/dislike///////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; left: 0; z-index: 9999; color:#<?php echo $paramssld['ht_slider_likedislike_font_color']; ?> ; display: none; } .huge_it_slide_container_gallery_<?php echo $galleryID; ?> :hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: table; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background: <?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_slider_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_slider_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; cursor: pointer; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color:#<?php echo $paramssld['ht_slider_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_slider_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_slider_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_slider_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_slider_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_slider_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_slider_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_slider_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END////like/dislike////////*/ <?php break; case "heart": ?> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; left: 0; z-index: 99; display: none; } .huge_it_slide_container_gallery_<?php echo $galleryID; ?> :hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: block; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_slider_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_slider_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #D6D4D4; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_slider_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_slider_likedislike_font_color']; } ?> ; color:<?php echo $heartCount; ?> ; width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; /*background:url('<?php echo plugins_url('../images/heart-icon-black.png', __FILE__); ?> ') center center no-repeat;*/ } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color: #<?php echo $paramssld['ht_slider_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition:0.3s ease; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_slider_heart_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_slider_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_slider_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_slider_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_slider_active_font_color']; ?> !important; <?php } ?> } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_slider_heart_likedislike_thumb_active_color']; ?> !important; } } .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; } /*/////Like/Dislike Styles END//////Heart//////*/ <?php break; } $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; } ?> .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_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;" 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; ?> _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;" data-image_id="<?php echo $image_row->id; ?> " data-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;" 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_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; ?> "> <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) { global $wpdb; if (!isset($_COOKIE['Like_' . $image_row->id . ''])) { $_COOKIE['Like_' . $image_row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $image_row->id . ''])) { $_COOKIE['Dislike_' . $image_row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $image_row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $image_row->id . ''] . "'", (int) $image_row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $image_row->id . ''] . "'", (int) $image_row->id); $res5 = $wpdb->get_row($num4); $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 ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $image_row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $image_row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_slider_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $image_row->id; ?> "><?php if ($like_dislike != 'heart') { echo $image_row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $image_row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_slider_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $image_row->id; ?> "><?php echo $image_row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <?php if ($image_row->sl_url != "") { if ($image_row->link_target == "on") { $target = 'target="_blank"'; } echo '<a href="' . $image_row->sl_url . '" ' . $target . '>'; } ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $image_row->name); ?> " id="huge_it_slideshow_image_gallery_<?php echo $sliderID; ?> _<?php echo $key; ?> " class="huge_it_slideshow_image_gallery_<?php echo $sliderID; ?> " src="<?php echo $image_row->image_url; ?> " data-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(str_replace('__5_5_5__', '%', $image_row->name)) == "") { echo "none"; } ?> "> <?php echo str_replace('__5_5_5__', '%', $image_row->name); ?> </div> <div class="huge_it_slideshow_description_text_gallery_<?php echo $sliderID; ?> <?php if (trim(str_replace('__5_5_5__', '%', $image_row->description)) == "") { echo "none"; } ?> "> <?php echo str_replace('__5_5_5__', '%', $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"'; } echo '<a href="' . $last_posts["guid"] . '" ' . $target . '>'; } ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $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]; ?> " data-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"], "", str_replace('__5_5_5__', '%', $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 ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $image_row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $image_row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_slider_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $image_row->id; ?> "><?php if ($like_dislike != 'heart') { echo $image_row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $image_row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_slider_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $image_row->id; ?> "><?php echo $image_row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <?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; } } ?> </ul> <input type="hidden" id="huge_it_current_image_key_gallery_<?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> <style> section #huge_it_gallery { padding: 0px !important; min-width: 100%; width: 100%; min-height: 100%; text-align: center; margin: 0; 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: 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-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: 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; } section #huge_it_gallery 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_gallery 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: <?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; } .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_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;} <?php switch ($like_dislike) { case "dislike": ?> /*/////Like/Dislike Styles BEGIN//////like/dislike//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right: 0; z-index: 999; display: none; color: #<?php echo $paramssld['ht_thumb_likedislike_font_color']; ?> ; } #huge_it_gallery .huge_it_big_li:hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: table; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_thumb_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_thumb_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; cursor: pointer; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color:#<?php echo $paramssld['ht_thumb_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_thumb_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_thumb_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_thumb_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_thumb_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_thumb_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_thumb_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_thumb_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////like/dislike//////*/ <?php break; case 'heart': ?> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right: 0; z-index: 99; display: none; } #huge_it_gallery .huge_it_big_li:hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: block; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_thumb_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_thumb_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #D6D4D4; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_thumb_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_thumb_likedislike_font_color']; } ?> ; color:<?php echo $heartCount; ?> ; width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; /*background:url('<?php echo plugins_url('../images/heart-icon-black.png', __FILE__); ?> ') center center no-repeat;*/ } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color:#<?php echo $paramssld['ht_thumb_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition:0.3s ease; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_thumb_heart_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_thumb_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_thumb_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_thumb_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_thumb_active_font_color']; ?> !important; <?php } ?> } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_thumb_heart_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////Heart//////*/ <?php break; } ?> </style> <section id="thumbwrapper<?php echo $galleryID; ?> "> <input type="hidden" class="pagenum" value="1" /> <ul id="huge_it_gallery"> <li id="fullPreview"></li> <?php foreach ($images as $image) { $idofgallery = $image->gallery_id; //print_r($image); } global $wpdb; $pattern = '/-/'; $query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_itgallery_gallerys 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' . $idofgallery . $pID])) { $page = $_GET['page-img' . $idofgallery . $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_itgallery_images where gallery_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) { if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $imgurl = explode(";", $row->image_url); ?> <li class="huge_it_big_li"> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_thumb_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_thumb_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <?php $imagerowstype = $row->sl_type; if ($row->sl_type == '') { $imagerowstype = 'image'; } switch ($imagerowstype) { case 'image': ?> <a class="gallery_group<?php echo $galleryID; ?> " href="<?php echo $row->image_url; ?> " title="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> "></a> <img src="<?php echo get_huge_image($row->image_url, $image_prefix); ?> " alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " /> <?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 gallery_group<?php echo $galleryID; ?> " href="https://www.youtube.com/embed/<?php echo $videourl[0]; ?> " title="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> "></a> <img alt="<?php echo str_replace('__5_5_5__', '%', $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 gallery_group<?php echo $galleryID; ?> " href="http://player.vimeo.com/video/<?php echo $videourl[0]; ?> " title="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> "></a> <img alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " src="<?php echo $imgsrc; ?> " /> <?php } ?> <?php break; } ?> <div class="overLayer"></div> <div class="infoLayer"> <ul> <li> <?php if (str_replace('__5_5_5__', '%', $row->name) != '' && str_replace('__5_5_5__', '%', $row->name) != null) { ?> <h2> <?php echo str_replace('__5_5_5__', '%', $row->name); ?> </h2> <?php } ?> </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 $idofgallery; ?> .load_more_button3").length){ jQuery("#thumbwrapper<?php echo $idofgallery; ?> .load_more_button3").on("click tap",function(){ if(jQuery("#thumbwrapper<?php echo $idofgallery; ?> .pagenum:last").val()<jQuery("#thumbwrapper<?php echo $idofgallery; ?> #total").val()) { var pagenum = parseInt(jQuery("#thumbwrapper<?php echo $idofgallery; ?> .pagenum:last").val()) + 1; var perpage =<?php echo $count_page; ?> ; var galleryid="<?php echo $idofgallery; ?> "; var thumbtext="<?php echo $paramssld["thumb_view_text"]; ?> "; var pID="<?php echo $pID; ?> "; var likeStyle="<?php echo $like_dislike; ?> "; var ratingCount="<?php echo $paramssld['ht_thumb_rating_count']; ?> "; getresult(pagenum,perpage,galleryid,thumbtext,pID,likeStyle,ratingCount); }else{ jQuery('#thumbwrapper<?php echo $idofgallery; ?> .load_more_button3').hide(); } return false; }); } if(jQuery("#thumbwrapper<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#thumbwrapper<?php echo $idofgallery; ?> #total").val()) { jQuery('#thumbwrapper<?php echo $idofgallery; ?> .load_more_button3').hide(); } function getresult(pagenum,perpage,galleryid,thumbtext,pID,likeStyle,ratingCount){ var data = { action:"huge_it_video_gallery_ajax", task:'load_image_thumbnail', page:pagenum, perpage:perpage, galleryid:galleryid, thumbtext:thumbtext, pID:pID, likeStyle:likeStyle, ratingCount:ratingCount } jQuery('#thumbwrapper<?php echo $idofgallery; ?> .loading3').show(); jQuery('#thumbwrapper<?php echo $idofgallery; ?> .load_more_button3').hide(); jQuery.post('<?php echo admin_url("admin-ajax.php"); ?> ',data,function(response){ if(response.success){ jQuery("#thumbwrapper<?php echo $idofgallery; ?> #huge_it_gallery").append(response.success); jQuery('#thumbwrapper<?php echo $idofgallery; ?> #huge_it_gallery img').on('load',function(){ //alert('hi') jQuery(".gallery_group<?php echo $galleryID; ?> ").colorbox({rel:'gallery_group<?php echo $galleryID; ?> '}); 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 $idofgallery; ?> .load_more_button3').show(); jQuery('#thumbwrapper<?php echo $idofgallery; ?> .loading3').hide(); if(jQuery("#thumbwrapper<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#thumbwrapper<?php echo $idofgallery; ?> #total").val()) { jQuery('#thumbwrapper<?php echo $idofgallery; ?> .load_more_button3').hide(); } <?php if ($like_dislike != 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ var currentNum=jQuery(this).text(); var resNum=jQuery.trim(currentNum); if((resNum.length>3||resNum.length>4||resNum.length>5)&&resNum.length<7){ return jQuery(this).text(resNum.slice(0, -3)+'k'); } else if((resNum.length>6||resNum.length>7||resNum.length>8)&&resNum.length<10){ return jQuery(this).text(resNum.slice(0, -6)+'m'); } else if(resNum.length>9||resNum.length>10||resNum.length>11){ return jQuery(this).text(resNum.slice(0, -9)+'b'); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.likeheart').addClass('like_thumb_active'); jQuery(this).parent().find('.huge_it_like_thumb').addClass('like_font_active'); } }); <?php } else { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) var thumbDislike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_thumb').each(function(){ thumbDislike=jQuery(this).attr('data-status'); if(thumbDislike=='disliked'){ jQuery(this).parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) <?php } ?> function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } }); }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' . $idofgallery . $pID; } else { $checkREQ = '?page-img' . $idofgallery . $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 /////////////////////////////////////// ///////////////////////////// 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{ border:none; } .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; ?> 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; } .play-icon { position:absolute; top:0px; left:0px; width:100%; height:100%; } .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.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;} <?php switch ($like_dislike) { case "dislike": ?> /*/////Like/Dislike Styles BEGIN/////like/dislike///////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; left: 0; z-index: 999; cursor: pointer; display: none; color: #<?php echo $paramssld['ht_just_likedislike_font_color']; ?> ; } .justified-gallery > a:hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: table; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_just_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_just_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color:#<?php echo $paramssld['ht_just_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color:#<?php echo $paramssld['ht_just_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_just_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_just_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_just_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_just_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_just_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_just_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END////like/dislike////////*/ <?php break; case 'heart': ?> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; left: 0; z-index: 99; display: none; } .justified-gallery > a:hover .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { display: block; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_just_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_just_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #D6D4D4; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_just_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_just_likedislike_font_color']; } ?> ; color:<?php echo $heartCount; ?> ; width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; /*background:url('<?php echo plugins_url('../images/heart-icon-black.png', __FILE__); ?> ') center center no-repeat;*/ } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color:#<?php echo $paramssld['ht_just_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition:0.3s ease; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_just_heart_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_just_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_just_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_just_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_just_active_font_color']; ?> !important; <?php } ?> } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_just_heart_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////Heart//////*/ <?php break; } ?> </style> <?php $path_site = plugins_url("", __FILE__); ?> <div id="mygallery_wrapper_<?php echo $galleryID; ?> " class="clearfix"> <div id="mygallery_<?php echo $galleryID; ?> " class="clearfix"> <?php foreach ($images as $image) { $idofgallery = $image->gallery_id; //print_r($image); } global $wpdb; $pattern = '/-/'; $query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_itgallery_gallerys 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' . $idofgallery . $pID])) { $page = $_GET['page-img' . $idofgallery . $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_itgallery_images where gallery_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) { if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $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); $imagerowstype = $row->sl_type; if ($row->sl_type == '') { $imagerowstype = 'image'; } switch ($imagerowstype) { case 'image': ?> <?php if ($row->image_url != ';') { ?> <a class="gallery_group<?php echo $galleryID; ?> " 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); ?> "/> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </a> <input type="hidden" class="pagenum" value="1" /> <?php } else { ?> <img alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " id="wd-cl-img<?php echo $key; ?> " src="images/noimage.jpg" /> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <input type="hidden" class="pagenum" value="1" /> <?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 gallery_group<?php echo $galleryID; ?> " href="https://www.youtube.com/embed/<?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="http://img.youtube.com/vi/<?php echo $videourl[0]; ?> /mqdefault.jpg" alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " /> <div class="play-icon <?php echo $videourl[1]; ?> -icon"></div> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </a> <input type="hidden" class="pagenum" value="1" /> <?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 gallery_group<?php echo $galleryID; ?> " 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; ?> " alt="<?php echo str_replace('__5_5_5__', '%', $row->name); ?> " /> <div class="play-icon <?php echo $videourl[1]; ?> -icon"></div> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_just_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </a> <input type="hidden" class="pagenum" value="1" /> <?php } } } ?> </div> <script> jQuery(document).ready(function($){ $( window ).load(function(){ $('.justified-gallery a').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 $galleryID; ?> "><?php echo $paramssld['video_ht_view8_loadmore_text']; ?> </div> <div class="loading2 loading_<?php echo $galleryID; ?> "><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("#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ").length){ jQuery("#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ").on("click tap",function(){ //alert(jQuery(this).length); if(jQuery("#mygallery_<?php echo $galleryID; ?> .pagenum:last").val()<jQuery("#mygallery_wrapper_<?php echo $galleryID; ?> #total").val()) { var pagenum = parseInt(jQuery("#mygallery_<?php echo $galleryID; ?> .pagenum:last").val()) + 1; //alert(pagenum); var perpage ="<?php echo $count_page; ?> "; var galleryid="<?php echo $galleryID; ?> "; var pID="<?php echo $pID; ?> "; var likeStyle="<?php echo $like_dislike; ?> "; var ratingCount="<?php echo $paramssld['ht_just_rating_count']; ?> "; getresult(pagenum,perpage,galleryid,pID,likeStyle,ratingCount); }else{ jQuery('#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ').hide(); } return false; }); } if(jQuery("#mygallery_<?php echo $galleryID; ?> .pagenum:last").val()==jQuery("#mygallery_<?php echo $galleryID; ?> #total").val()) { jQuery('#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ').hide(); } function getresult(pagenum,perpage,galleryid,pID,likeStyle,ratingCount){ var data = { action:"huge_it_video_gallery_ajax", task:'load_image_justified', page:pagenum, perpage:perpage, galleryid:galleryid, pID:pID, likeStyle:likeStyle, ratingCount:ratingCount } jQuery('#mygallery_wrapper_<?php echo $galleryID; ?> .loading_<?php echo $galleryID; ?> ').show(); jQuery('#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ').hide(); jQuery.post('<?php echo admin_url("admin-ajax.php"); ?> ',data,function(response){ jQuery('.justified-gallery a').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("#mygallery_<?php echo $galleryID; ?> ").append(response.success); jQuery("#mygallery_<?php echo $galleryID; ?> ").justifiedGallery(); jQuery('#mygallery_<?php echo $galleryID; ?> img').on('load',function(){ jQuery(".gallery_group<?php echo $galleryID; ?> ").colorbox({rel:'gallery_group<?php echo $galleryID; ?> '}); 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('#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ').show(); jQuery('#mygallery_wrapper_<?php echo $galleryID; ?> .loading_<?php echo $galleryID; ?> ').hide(); if(jQuery("#mygallery_<?php echo $galleryID; ?> .pagenum:last").val()==jQuery("#mygallery_<?php echo $galleryID; ?> #total").val()) { jQuery('#mygallery_wrapper_<?php echo $galleryID; ?> .load_more_button_<?php echo $galleryID; ?> ').hide(); } <?php if ($like_dislike != 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ var currentNum=jQuery(this).text(); var resNum=jQuery.trim(currentNum); if((resNum.length>3||resNum.length>4||resNum.length>5)&&resNum.length<7){ return jQuery(this).text(resNum.slice(0, -3)+'k'); } else if((resNum.length>6||resNum.length>7||resNum.length>8)&&resNum.length<10){ return jQuery(this).text(resNum.slice(0, -6)+'m'); } else if(resNum.length>9||resNum.length>10||resNum.length>11){ return jQuery(this).text(resNum.slice(0, -9)+'b'); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.likeheart').addClass('like_thumb_active'); jQuery(this).parent().find('.huge_it_like_thumb').addClass('like_font_active'); } }); <?php } else { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) var thumbDislike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_thumb').each(function(){ thumbDislike=jQuery(this).attr('data-status'); if(thumbDislike=='disliked'){ jQuery(this).parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) <?php } ?> function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } }); }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' . $idofgallery . $pID; } else { $checkREQ = '?page-img' . $idofgallery . $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("#mygallery_<?php echo $galleryID; ?> ").justifiedGallery(); }); </script> <?php break; /////////////Blog Style View///////////// /////////////Blog Style View///////////// case 7: ?> <style> .view9_container:nth-last-child(3){ margin-bottom: 0px !important; padding-bottom: 0px !important; border:none !important; } .view9_container{ width: <?php echo $paramssld['ht_view9_general_width']; ?> %; float:<?php if ($paramssld['view9_general_position'] == 'left' || $paramssld['view9_general_position'] == 'center') { echo 'none'; } elseif ($paramssld['view9_general_position'] == 'right') { echo 'right'; } ?> ; <?php if ($paramssld['view9_general_position'] == 'center') { echo 'margin:0 auto;'; } ?> ; margin-bottom: <?php echo $paramssld['ht_view9_general_space']; ?> px !important; padding-bottom: <?php echo $paramssld['ht_view9_general_space']; ?> px !important; border-bottom: <?php echo $paramssld['ht_view9_general_separator_size']; ?> px <?php if ($paramssld['view9_general_separator_style'] == 'none') { echo 'none'; } elseif ($paramssld['view9_general_separator_style'] == 'solid') { echo 'solid'; } elseif ($paramssld['view9_general_separator_style'] == 'dashed') { echo 'dashed'; } elseif ($paramssld['view9_general_separator_style'] == 'dotted') { echo 'dotted'; } elseif ($paramssld['view9_general_separator_style'] == 'groove') { echo 'groove'; } elseif ($paramssld['view9_general_separator_style'] == 'double') { echo 'double'; } ?> #<?php echo $paramssld['ht_view9_general_separator_color']; ?> ; } .view9_img{ display:block; margin: 0 auto; width: 100%; } .new_view_title{ font-size:<?php echo $paramssld['ht_view9_title_fontsize']; ?> px !important; color:<?php echo '#' . $paramssld['ht_view9_title_color']; ?> !important; <?php if ($paramssld['ht_view9_element_title_show'] == 'false') { echo 'display:none;'; } ?> ; <?php if ($paramssld['view9_title_textalign'] == 'left') { echo 'text-align:left;'; } elseif ($paramssld['view9_title_textalign'] == 'right') { echo 'text-align:right;'; } elseif ($paramssld['view9_title_textalign'] == 'center') { echo 'text-align:center;'; } elseif ($paramssld['view9_title_textalign'] == 'justify') { echo 'text-align:justify;'; } ?> ; background-color:<?php echo '#' . $paramssld['ht_view9_title_back_color']; ?> !important; <?php if ($paramssld['ht_view9_title_opacity'] != 100) { echo 'opacity:' . $paramssld['ht_view9_title_opacity'] / 100 . ';'; } ?> ; padding-left:5px; } .new_view_desc ul{ list-style-type: none; } .new_view_desc{ margin-top: 15px; font-size:<?php echo $paramssld['ht_view9_desc_fontsize']; ?> px !important; color:<?php echo '#' . $paramssld['ht_view9_desc_color']; ?> !important; <?php if ($paramssld['ht_view9_element_desc_show'] == 'false') { echo 'display:none;'; } ?> ; <?php if ($paramssld['view9_desc_textalign'] == 'left') { echo 'text-align:left;'; } elseif ($paramssld['view9_desc_textalign'] == 'right') { echo 'text-align:right;'; } elseif ($paramssld['view9_desc_textalign'] == 'center') { echo 'text-align:center;'; } elseif ($paramssld['view9_desc_textalign'] == 'justify') { echo 'text-align:justify;'; } ?> ; background-color:<?php echo '#' . $paramssld['ht_view9_desc_back_color']; ?> !important; <?php if ($paramssld['ht_view9_desc_opacity'] != 100) { echo 'opacity:' . $paramssld['ht_view9_desc_opacity'] / 100 . ';'; } ?> ; } .paginate{ font-size:<?php echo $paramssld['ht_view9_paginator_fontsize']; ?> px !important; color:<?php echo '#' . $paramssld['ht_view9_paginator_color']; ?> !important; text-align: <?php echo $paramssld['view9_paginator_position']; ?> ; } .paginate a{ border-bottom: none !important; } .icon-style{ font-size: <?php echo $paramssld['ht_view9_paginator_icon_size']; ?> px !important; color:<?php echo '#' . $paramssld['ht_view9_paginator_icon_color']; ?> !important;; } .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; } .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; } .clear{ clear:both; } .blog_img_wrapper{ position: relative; } <?php switch ($like_dislike) { case "dislike": ?> /*/////Like/Dislike Styles BEGIN//////like/dislike//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { z-index: 999; margin-top: 15px; display: table; color: #<?php echo $paramssld['ht_blog_likedislike_font_color']; ?> ; cursor: pointer; float: right; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper , .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_blog_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_blog_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 3px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper{ margin: 3px 3px 3px 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count, .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count{ display:block; float:left; padding:4px 4px 4px 4px; font-size: 12px; font-weight: 700; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike .huge_it_dislike_thumb { display:block; float:left; padding:4px 4px 4px 18px; font-size: 12px; font-weight: 700; position:relative; height: 28px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_up{ font-size: 17px; position:absolute; top: 5px; left: 4px; color: #<?php echo $paramssld['ht_blog_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .dislike_thumb_down{ font-size: 17px; position:absolute; top: 4px; left: 4px; color: #<?php echo $paramssld['ht_blog_likedislike_thumb_color']; ?> ; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_hide{ display: none !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_blog_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ color: #<?php echo $paramssld['ht_blog_active_font_color']; ?> !important; } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like { color: #<?php echo $paramssld['ht_blog_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .like_thumb_up { color: #<?php echo $paramssld['ht_blog_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .huge_it_dislike { color: #<?php echo $paramssld['ht_blog_active_font_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_dislike_wrapper:hover .dislike_thumb_down { color: #<?php echo $paramssld['ht_blog_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END////////////*/ <?php break; case 'heart': ?> /*/////Like/Dislike Styles BEGIN//////Heart//////*/ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> { position: absolute; top: 0; right: 0; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper { position:relative; background:<?php list($r, $g, $b) = array_map('hexdec', str_split($paramssld['ht_blog_likedislike_bg'], 2)); $titleopacity = $paramssld["ht_blog_likedislike_bg_trans"] / 100; echo 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $titleopacity . ') !important'; ?> ; display: inline-block; border-radius: 8px; font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover{ background: #D6D4D4; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper{ margin: 3px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like{ font-size:0px; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb { display: block; float: left; <?php $heartCount = ''; if ($paramssld['ht_blog_rating_count'] == 'off') { $heartCount = "transparent"; } else { $heartCount = '#' . $paramssld['ht_blog_likedislike_font_color']; } ?> ; color:<?php echo $heartCount; ?> ; width: 38px; height: 38px; padding:8px 0; font-size: 12px; text-align: center; font-weight: 700; position: relative; cursor: pointer; /*background:url('<?php echo plugins_url('../images/heart-icon-black.png', __FILE__); ?> ') center center no-repeat;*/ } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:after { color:#fff; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count{ display:none; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .huge_it_like_thumb:hover:after { opacity:1; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like .likeheart{ font-size: 32px; color: #<?php echo $paramssld['ht_blog_heart_likedislike_thumb_color']; ?> ; position: absolute; top: 4px; left: 3px; transition:0.3s ease; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_thumb_active{ color: #<?php echo $paramssld['ht_blog_heart_likedislike_thumb_active_color']; ?> !important; } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .like_font_active{ <?php if ($paramssld['ht_blog_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_blog_active_font_color']; ?> !important; <?php } ?> } @media screen and (min-width: 768px){ .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb { <?php if ($paramssld['ht_blog_rating_count'] != 'off') { ?> color: #<?php echo $paramssld['ht_blog_active_font_color']; ?> !important; <?php } ?> } .huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_gallery_like_wrapper:hover .likeheart { color: #<?php echo $paramssld['ht_blog_heart_likedislike_thumb_active_color']; ?> !important; } } /*/////Like/Dislike Styles END//////Heart//////*/ <?php break; } ?> </style> <?php foreach ($images as $image) { global $post; $pID = $post->ID; $idofgallery = $image->gallery_id; } ?> <div class="video_view9_cont_wrapper" id="video_view9_cont_wrapper<?php echo $idofgallery; ?> "> <div id="video_view9_cont_list<?php echo $idofgallery; ?> "> <?php global $wpdb; $pattern = '/-/'; $query2 = $wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "huge_itgallery_gallerys where id = '%d' order by ordering ASC ", $idofgallery); $gallery = $wpdb->get_results($query2); foreach ($gallery as $gall) { $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' . $idofgallery . $pID])) { $page = $_GET['page-img' . $idofgallery . $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_itgallery_images where gallery_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) { if (!isset($_COOKIE['Like_' . $row->id . ''])) { $_COOKIE['Like_' . $row->id . ''] = ''; } if (!isset($_COOKIE['Dislike_' . $row->id . ''])) { $_COOKIE['Dislike_' . $row->id . ''] = ''; } $num2 = $wpdb->prepare("SELECT `image_status`,`ip` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `ip` = '" . $huge_it_ip . "'", (int) $row->id); $res3 = $wpdb->get_row($num2); $num3 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Like_' . $row->id . ''] . "'", (int) $row->id); $res4 = $wpdb->get_row($num3); $num4 = $wpdb->prepare("SELECT `image_status`,`ip`,`cook` FROM " . $wpdb->prefix . "huge_itgallery_like_dislike WHERE image_id = %d AND `cook` = '" . $_COOKIE['Dislike_' . $row->id . ''] . "'", (int) $row->id); $res5 = $wpdb->get_row($num4); $img_src = $row->image_url; $img_name = str_replace('__5_5_5__', '%', $row->name); $img_desc = str_replace('__5_5_5__', '%', $row->description); if ($paramssld['view9_image_position'] == 1) { ?> <div class="view9_container"> <input type="hidden" class="pagenum" value="1" /> <img class="view9_img" src="<?php echo $img_src; ?> "> <h1 class="new_view_title"><?php echo $img_name; ?> </h1> <div class="new_view_desc"><?php echo $img_desc; ?> </div> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </div> <div class="clear"></div> <?php } elseif ($paramssld['view9_image_position'] == 2) { ?> <div class="view9_container"> <input type="hidden" class="pagenum" value="1" /> <h1 class="new_view_title"><?php echo $img_name; ?> </h1> <div class="blog_img_wrapper"> <img class="view9_img" src="<?php echo $img_src; ?> "> <?php if ($like_dislike == 'heart') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </div> <div class="new_view_desc"><?php echo $img_desc; ?> </div> <?php if ($like_dislike != 'off' && $like_dislike != 'heart') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> </div> <div class="clear"></div> <?php } elseif ($paramssld['view9_image_position'] == 3) { ?> <div class="view9_container"> <input type="hidden" class="pagenum" value="1" /> <h1 class="new_view_title"><?php echo $img_name; ?> </h1> <div class="new_view_desc"><?php echo $img_desc; ?> </div> <?php if ($like_dislike != 'off') { ?> <div class="huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> "> <div class="huge_it_gallery_like_wrapper"> <span class="huge_it_like"> <?php if ($like_dislike == 'heart') { ?> <i class="hugeiticons-heart likeheart"></i> <?php } ?> <?php if ($like_dislike == 'dislike') { ?> <i class="hugeiticons-thumbs-up like_thumb_up"></i> <?php } ?> <span class="huge_it_like_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'liked') { echo $res3->image_status; } elseif (isset($res4->image_status) && $res4->image_status == 'liked') { echo $res4->image_status; } else { echo 'unliked'; } ?> "> <?php if ($like_dislike == 'heart') { ?> <?php echo $row->like; ?> <?php } ?> </span> <span class="huge_it_like_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php if ($like_dislike != 'heart') { echo $row->like; } ?> </span> </span> </div> <?php if ($like_dislike != 'heart') { ?> <div class="huge_it_gallery_dislike_wrapper"> <span class="huge_it_dislike"> <i class="hugeiticons-thumbs-down dislike_thumb_down"></i> <span class="huge_it_dislike_thumb" id="<?php echo $row->id; ?> " data-status="<?php if (isset($res3->image_status) && $res3->image_status == 'disliked') { echo $res3->image_status; } elseif (isset($res5->image_status) && $res5->image_status == 'disliked') { echo $res5->image_status; } else { echo 'unliked'; } ?> "> </span> <span class="huge_it_dislike_count <?php if ($paramssld['ht_blog_rating_count'] == 'off') { echo 'huge_it_hide'; } ?> " id="<?php echo $row->id; ?> "><?php echo $row->dislike; ?> </span> </span> </div> <?php } ?> </div> <?php } ?> <img class="view9_img" src="<?php echo $img_src; ?> "> </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<?php echo $idofgallery; ?> .load_more_button").length){ jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> .load_more_button").on("click tap",function(){ if(jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> .pagenum:last").val()<jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> #total").val()) { var pagenum = parseInt(jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> .pagenum:last").val()) + 1; var perpage =<?php echo $count_page; ?> ; var galleryid="<?php echo $idofgallery; ?> "; var position="<?php echo $paramssld['view9_image_position']; ?> "; var pID="<?php echo $pID; ?> "; var likeStyle="<?php echo $like_dislike; ?> "; var ratingCount="<?php echo $paramssld['ht_blog_rating_count']; ?> "; getresult(pagenum,perpage,galleryid,position,pID,likeStyle,ratingCount); }else{ jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .load_more_button').hide(); } return false; }); } if(jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> #total").val()) { jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .load_more_button').hide(); } function getresult(pagenum,perpage,galleryid,position,pID,likeStyle,ratingCount){ var data = { action:"huge_it_video_gallery_ajax", task:'load_blog_view', page:pagenum, perpage:perpage, galleryid:galleryid, position:position, pID:pID, likeStyle:likeStyle, ratingCount:ratingCount } jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .loading').show(); jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .load_more_button').hide(); jQuery.post('<?php echo admin_url("admin-ajax.php"); ?> ',data,function(response){ if(response.success){ jQuery("#video_view9_cont_list<?php echo $idofgallery; ?> ").append(response.success); jQuery('#video_view9_cont_list<?php echo $idofgallery; ?> img').on('load',function(){ jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .load_more_button').show(); jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .loading').hide(); if(jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> .pagenum:last").val()==jQuery("#video_view9_cont_wrapper<?php echo $idofgallery; ?> #total").val()) { jQuery('#video_view9_cont_wrapper<?php echo $idofgallery; ?> .load_more_button').hide(); } <?php if ($like_dislike != 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_count').each(function(){ if((jQuery(this).text().length>3||jQuery(this).text().length>4||jQuery(this).text().length>5)&&jQuery(this).text().length<7){ jQuery(this).text(function (_,txt) { return txt.slice(0, -3)+'k' }); } else if((jQuery(this).text().length>6||jQuery(this).text().length>7||jQuery(this).text().length>8)&&jQuery(this).text().length<10){ jQuery(this).text(function (_,txt) { return txt.slice(0, -6)+'m' }); } else if(jQuery(this).text().length>9||jQuery(this).text().length>10||jQuery(this).text().length>11){ jQuery(this).text(function (_,txt) { return txt.slice(0, -9)+'b' }); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ var currentNum=jQuery(this).text(); var resNum=jQuery.trim(currentNum); if((resNum.length>3||resNum.length>4||resNum.length>5)&&resNum.length<7){ return jQuery(this).text(resNum.slice(0, -3)+'k'); } else if((resNum.length>6||resNum.length>7||resNum.length>8)&&resNum.length<10){ return jQuery(this).text(resNum.slice(0, -6)+'m'); } else if(resNum.length>9||resNum.length>10||resNum.length>11){ return jQuery(this).text(resNum.slice(0, -9)+'b'); } }) <?php } ?> <?php if ($like_dislike == 'heart') { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.likeheart').addClass('like_thumb_active'); jQuery(this).parent().find('.huge_it_like_thumb').addClass('like_font_active'); } }); <?php } else { ?> var thumbLike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_like_thumb').each(function(){ thumbLike=jQuery(this).attr('data-status'); if(thumbLike=='liked'){ jQuery(this).parent().find('.like_thumb_up').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) var thumbDislike; jQuery('.huge_it_gallery_like_cont_<?php echo $galleryID . $pID; ?> .huge_it_dislike_thumb').each(function(){ thumbDislike=jQuery(this).attr('data-status'); if(thumbDislike=='disliked'){ jQuery(this).parent().find('.dislike_thumb_down').addClass('like_thumb_active'); jQuery(this).parent().addClass('like_font_active'); } }) <?php } ?> function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } }); }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' . $idofgallery . $pID; } else { $checkREQ = '?page-img' . $idofgallery . $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_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(); }