Hieronder ziet u de eerste 16 pagina’s van de Apotheeknascholing Bloeddrukverlagers, inclusief een toelichting over de opzet. Scroll het beeld naar boven, zodat het uw hele computerscherm beslaat. Vergroot de presentatie zover uit dat hij goed op uw scherm past (bijvoorbeeld met ctrl + muiswieltje). Dit beeld kunt ook via een beamer presenteren. Door rechts of links te klikken, navigeert u door de presentatie.
jQuery(document).ready(function($) {
// Remove breakes
$('.slider > br').remove();
// Remove empty sliders
if ($('.slider > p').is(':empty')) {
$('.slider > p').remove();
}
/* install slider */
$('#slider_1373060256').iosSlider({
snapToChildren: true,
desktopClickDrag: true,
snapFrictionCoefficient: 0.8,
autoSlideTransTimer: 500,
horizontalSlideLockThreshold:3,
slideStartVelocityThreshold:3,
infiniteSlider:true,
autoSlide: true,
autoSlideTimer: 100000,
navPrevSelector: $('.next_1373060256'),
navNextSelector: $('.prev_1373060256'),
onSliderLoaded: startSlider,
onSlideChange: slideChange,
onSliderResize: slideResize,
});
function slideChange(args) {
$(args.sliderContainerObject).find('.inner-wrap').each(function(){
$(this).removeClass($(this).attr('data-animate'));
});
$(args.sliderContainerObject).find('.scroll-animate').each(function(){
$(this).removeClass($(this).attr('data-animate')).removeClass('animated');
});
/* start text animation */
$(args.currentSlideObject).find('.inner-wrap').addClass($(args.currentSlideObject).find('.inner-wrap').attr('data-animate'));
$(args.currentSlideObject).find('.scroll-animate').each(function(){
$(this).addClass('animated').addClass($(this).attr('data-animate'));
});
/* change slider height */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css('min-height',slide_height);
$(args.sliderContainerObject).css('height','auto');
/* add current class to slide */
$(args.sliderContainerObject).find('.current').removeClass('current');
$(args.currentSlideObject).addClass('current');
/* update bullets */
$(args.sliderContainerObject).find('.sliderBullets .bullet').removeClass('active');
$(args.sliderContainerObject).find('.sliderBullets .bullet:eq(' + (args.currentSlideNumber - 1) + ')').addClass('active');
}
function slideResize(args) {
/* set height of first slide */
setTimeout(function(){
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css('min-height',slide_height);
$(args.sliderContainerObject).css('height','auto');
},300);
}
function startSlider(args){
/* remove spinner when slider is loaded */
$(args.sliderContainerObject).find('.ux-loading').fadeOut();
/* add current class to first slide */
$(args.currentSlideObject).addClass('current');
/* add parallax class if contains paralaxx slides */
$(args.sliderContainerObject).find('.ux_parallax').parent().parent().parent().addClass('parallax_slider');
/* animate first slide */
$(args.currentSlideObject).find('.inner-wrap').addClass($(args.currentSlideObject).find('.inner-wrap').attr('data-animate'));
$(args.currentSlideObject).find('.scroll-animate').each(function(){
$(this).addClass('animated').addClass($(this).attr('data-animate'));
});
/* set height of first slide */
var slide_height = $(args.currentSlideObject).outerHeight();
$(args.sliderContainerObject).css('min-height',slide_height);
$(args.sliderContainerObject).css('height','auto');
if(slide_height < '100') $(args.sliderContainerObject).toggleClass('small-slider');
/* fix texts */
$(args.sliderContainerObject).find('.ux_banner .inner br').remove();
}
});
