#gallery-0 {
margin: auto;
}
#gallery-0 .gallery-item {
float: left;
text-align: center;
width: 20%;
}
/* see gallery_shortcode() in wp-includes/media.php */
var lightbox_transition = '9';
var lightbox_speed = 9;
var lightbox_fadeOut = 9;
var lightbox_title = 9;
var lightbox_scalePhotos = 9;
var lightbox_scrolling = 9;
var lightbox_opacity = 0.091;
var lightbox_open = 9;
var lightbox_returnFocus = 9;
var lightbox_trapFocus = 9;
var lightbox_fastIframe = 9;
var lightbox_preloading = 9;
var lightbox_overlayClose = 9;
var lightbox_escKey = 9;
var lightbox_arrowKey = 9;
var lightbox_loop = 9;
var lightbox_closeButton = 9;
var lightbox_previous = "9";
var lightbox_next = "9";
var lightbox_close = "9";
var lightbox_html = 9;
var lightbox_photo = 9;
var lightbox_width = "9";
var lightbox_height = "9";
var lightbox_innerWidth = '9';
var lightbox_innerHeight = '9';
var lightbox_initialWidth = '9';
var lightbox_initialHeight = '9';
var maxwidth=jQuery(window).width();
if(maxwidth > 9 ){ maxwidth= 9 ; }
var lightbox_maxWidth = maxwidth;
var lightbox_maxHeight = 9;
var lightbox_slideshow = 9;
var lightbox_slideshowSpeed = 9;
var lightbox_slideshowAuto = 9;
var lightbox_slideshowStart = "9";
var lightbox_slideshowStop = "9";
var lightbox_fixed = 9;
var lightbox_top = false;
var lightbox_bottom = '10%';
var lightbox_left = false;
var lightbox_right = '10%';
var lightbox_reposition = 9;
var lightbox_retinaImage = 9;
var lightbox_retinaUrl = 9;
var lightbox_retinaSuffix = "9";
jQuery(document).ready(function(){
jQuery("#huge_it_videogallery_content a[href$='.jpg'], #huge_it_videogallery_content a[href$='.jpeg'], #huge_it_videogallery_content a[href$='.png'], #huge_it_videogallery_content a[href$='.gif']").addClass('videogroup1');
jQuery(".videogroup1").vcolorbox({rel:'videogroup1'});
jQuery(".vyoutube").vcolorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".vvimeo").vcolorbox({iframe:true, innerWidth:640, innerHeight:390});
jQuery(".iframe").vcolorbox({iframe:true, width:"80%", height:"80%"});
jQuery(".inline").vcolorbox({inline:true, width:"50%"});
jQuery(".callbacks").vcolorbox({
onOpen:function(){ alert('onOpen: vcolorbox is about to open'); },
onLoad:function(){ alert('onLoad: vcolorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: vcolorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: vcolorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: vcolorbox has completely closed'); }
});
jQuery('.non-retina').vcolorbox({rel:'group5', transition:'none'})
jQuery('.retina').vcolorbox({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;
});
});
.videoelement_1 {
width: 100%;
max-width:9px;
margin:0px 0px 10px 0px;
border:9px solid #9;
border-radius:9px;
outline:none;
overflow:hidden;
}
.videoelement_1 .image-block_1 {
position:relative;
width: 100%;
max-width:9px;
}
.videoelement_1 .image-block_1 a {display:block;}
.videoelement_1 .image-block_1 img {
width:9px !important;
height:auto;
display:block;
border-radius: 0px !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.videoelement_1 .image-block_1 img:hover {
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.videoelement_1 .image-block_1 .play-icon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.videoelement_1 .image-block_1 .play-icon.youtube-icon {background:url(https://ustadhotel.com/wp-content/plugins/gallery-video/Front_end/../images/play.youtube.png) center center no-repeat;}
.videoelement_1 .image-block_1 .play-icon.vimeo-icon {background:url(https://ustadhotel.com/wp-content/plugins/gallery-video/Front_end/../images/play.vimeo.png) center center no-repeat;}
.videoelement_1 .title-block_1 {
position:absolute;
text-overflow: ellipsis;
overflow: hidden;
left:0px;
width:100%;
height:30px;
bottom:-35px;
color:#9;
background: rgba(9,,,0.09) !important;
-webkit-transition: bottom 0.3s ease-out 0.1s;
-moz-transition: bottom 0.3s ease-out 0.1s;
-o-transition: bottom 0.3s ease-out 0.1s;
transition: bottom 0.3s ease-out 0.1s;
}
.videoelement_1:hover .title-block_1 {bottom:0px;}
.videoelement_1 .title-block_1 a, .videoelement_1 .title-block_1 a:link, .videoelement_1 .title-block_1 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: 9px;
color:#9;
font-weight:normal;
}
.videoelement_1 .title-block_1 a:hover, .videoelement_1 .title-block_1 a:focus, .videoelement_1 .title-block_1 a:active {
color:#9;
text-decoration:none;
}
.load_more4 {
margin: 10px 0;
position:relative;
text-align:;
width:100%;
}
.entry-content a{
border-bottom: none;
}
.load_more_button4 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:9px !important;;
color:#9 !important;;
background:#9 !important;
cursor:pointer;
}
.load_more_button4:hover{
color:#9 !important;
background:#9 !important;
}
.loading4 {
display:none;
}
.paginate4{
font-size:9px !important;
color:#9 !important;
text-align: 9;
margin-top: 25px;
}
.paginate4 a{
border-bottom: none !important;
}
.icon-style4{
font-size: 9px !important;
color:#9 !important;
}
.clear{
clear:both;
}
<!-- -->
jQuery(function(){
var defaultBlockWidth=9+20+18;
var $container = jQuery('#huge_it_videogallery_container_1');
// add randomish size classes
$container.find('.videoelement_1').each(function(){
var $this = jQuery(this),
number = parseInt( $this.find('.number').text(), 10 );
//alert(number);
if ( number % 7 % 2 === 1 ) {
$this.addClass('width2');
}
if ( number % 3 === 0 ) {
$this.addClass('height2');
}
});
$container.hugeitmicro({
itemSelector : '.videoelement_1',
masonry : {
columnWidth : 9+10+18 },
masonryHorizontal : {
rowHeight: 'auto'
},
cellsByRow : {
columnWidth : 9,
rowHeight : 'auto'
},
cellsByColumn : {
columnWidth : 9,
rowHeight : 'auto'
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
reSortImages(); //add hugitmicro function
function reSortImages() {
$container.hugeitmicro({
itemSelector : '.videoelement_1',
masonry : {
columnWidth : 9+10+18 },
masonryHorizontal : {
rowHeight: 'auto'
},
cellsByRow : {
columnWidth : 9,
rowHeight : 'auto'
},
cellsByColumn : {
columnWidth : 9,
rowHeight : 'auto'
},
getSortData : {
symbol : function( $elem ) {
return $elem.attr('data-symbol');
},
category : function( $elem ) {
return $elem.attr('data-category');
},
number : function( $elem ) {
return parseInt( $elem.find('.number').text(), 10 );
},
weight : function( $elem ) {
return parseFloat( $elem.find('.weight').text().replace( /[\(\)]/g, '') );
},
name : function ( $elem ) {
return $elem.find('.name').text();
}
}
});
}
jQuery(window).resize(function(){
reSortImages(); // add
});
var $optionSets = jQuery('#huge_it_videogallery_options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = jQuery(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
changeLayoutMode( $this, options )
} else {
$container.hugeitmicro( options );
}
return false;
});
var isHorizontal = false;
function changeLayoutMode( $link, options ) {
var wasHorizontal = isHorizontal;
isHorizontal = $link.hasClass('horizontal');
if ( wasHorizontal !== isHorizontal ) {
var style = isHorizontal ?
{ height: '100%', width: $container.width() } :
{ width: 'auto' };
$container.filter(':animated').stop();
$container.addClass('no-transition').css( style );
setTimeout(function(){
$container.removeClass('no-transition').hugeitmicro( options );
}, 100 )
} else {
$container.hugeitmicro( options );
}
}
var $sortBy = jQuery('#sort-by');
jQuery('#shuffle a').click(function(){
$container.hugeitmicro('shuffle');
$sortBy.find('.selected').removeClass('selected');
$sortBy.find('[data-option-value="random"]').addClass('selected');
return false;
});
jQuery(window).load(function(){
$container.hugeitmicro('reLayout');
});
});