Hover Effect
Codesnippet
// Highlighting for codesnippet - Layouts/Content/Default.html
hljs.initHighlightingOnLoad();
AnimateCss
// ViewportChecker for animateCss - Layouts/Content/Default.html
$( '.animated' ).each(function() {
$(this).viewportChecker({classToAdd: 'bt_visible',classToRemove: 'bt_hidden',offset: 0});
});
Lightbox - same in News/Detail.html
Baguette Box
// Baguette Box (lightbox) - Layouts/Content/Default.html
baguetteBox.run(".gallery, .image-gallery");
Ekko Lightbox
// Ekko Lightbox (lightbox) - Layouts/Content/Default.html
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
});
if ( $('.MS-content figure a').hasClass('lightbox') ) {
var msId = $('.MS-content').parent().attr('id');
$('.MS-content figure a').attr('data-gallery', 'gallery-'+msId);
}
Lightcase
// Lightcase (lightbox) - Layouts/Content/Default.html
$('.lightcaseGallery').lightcase({
showSequenceInfo: false,
showCaption: true,
maxWidth: 1140,
maxHeight: 800
});
if ( $('.MS-content figure a').hasClass('lightcaseGallery') ) {
var msId = $('.MS-content').parent().attr('id');
$('.MS-content figure a').attr('data-rel', 'lightcase:collection:'+msId);
}
Button Group
{containerPre -> f:format.raw()}
{containerPost -> f:format.raw()}