Auftraggeber: Hyundai Motor Deutschland

, listEffects: null, easing: 'smooth', layoutMode: 'grid', targetDisplayGrid: 'inline-block', targetDisplayList: 'block', gridClass: 'grid', listClass: 'list', transitionSpeed: 600, showOnLoad: 'all', sortOnLoad: false, multiFilter: false, filterLogic: 'or', resizeContainer: true, minHeight: 0, failClass: 'fail', perspectiveDistance: '3000', perspectiveOrigin: '50% 50%', animateGridList: true, onMixLoad: function(){ magnificGridInit(); }, onMixStart: function(config){ if(config.layoutMode == 'list'){ config.effects = ['fade','scale'] } else{ config.effects = [] $container.find('.mix').removeClass('gallery-list').addClass('gallery-grid'); magnificGridInit(); } }, onMixEnd: function(config){ if(config.layoutMode == 'list'){ $container.find('.mix').addClass('gallery-list').removeClass('gallery-grid'); magnificListInit(); } } }); $('.toGrid').click(function(){ $('.layout-mode a').removeClass('active'); $(this).addClass('active'); $container.mixitup('toGrid') }) $('.toList').click(function(){ $('.layout-mode a').removeClass('active'); $(this).addClass('active'); $container.mixitup('toList'); }) function magnificGridInit(){ jQuery('ul#isotopeContainer.hover_true').magnificPopup({ delegate: 'a.galleryZoom:visible', type: 'image', tLoading: 'Loading #%curr%...', mainClass: 'mfp-with-zoom', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: 'The image #%curr% could not be loaded.', tCounter: '%curr% / %total%', titleSrc: function(item) { return item.el.parents('.gallery-item').find('.item_header').html()+item.el.parents('.gallery-item').find('.item_introtext').html(); } }, zoom: { enabled: true, duration: 300, easing: 'ease-in-out', opener: function(openerElement) { return openerElement.is('img') ? openerElement : openerElement.parents('.gallery-item').find('img'); } } }); jQuery('ul#isotopeContainer.hover_false').magnificPopup({ delegate: 'a.galleryZoomIcon:visible', type: 'image', tLoading: 'Loading #%curr%...', mainClass: 'mfp-with-zoom', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: 'The image #%curr% could not be loaded.', tCounter: '%curr% / %total%', titleSrc: function(item) { return item.el.parents('.gallery-item').find('.item_header').html()+item.el.parents('.gallery-item').find('.item_introtext').html(); } }, zoom: { enabled: true, duration: 300, easing: 'ease-in-out', opener: function(openerElement) { return openerElement.is('img') ? openerElement : openerElement.find('img'); } } }); } function magnificListInit(){ jQuery('ul#isotopeContainer.hover_true').magnificPopup({ delegate: 'a.galleryZoomIcon:visible', type: 'image', tLoading: 'Loading #%curr%...', mainClass: 'mfp-with-zoom', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: 'The image #%curr% could not be loaded.', tCounter: '%curr% / %total%', titleSrc: function(item) { return item.el.parents('.gallery-item').find('.item_header').html()+item.el.parents('.gallery-item').find('.item_introtext').html(); } }, zoom: { enabled: true, duration: 300, easing: 'ease-in-out', opener: function(openerElement) { return openerElement.is('img') ? openerElement : openerElement.find('img'); } } }); } }); });