Template:ETH Zurich/slideshow
<style type="text/css"> /**
* PgwSlideshow - Version 2.0 * * Copyright 2014, Jonathan M. Piat * http://pgwjs.com - http://pagawa.com * * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0 */
.pgwSlideshow{width:100%;background:#333;display:none}.pgwSlideshow a{color:#fff}.pgwSlideshow .ps-current{text-align:center;position:relative;min-height:150px;overflow:hidden}.pgwSlideshow .ps-current>ul>li{text-align:center;width:100%;z-index:1;opacity:0;display:block}.pgwSlideshow .ps-current>ul>li img{display:block;max-width:100%;margin:auto}.pgwSlideshow .ps-caption{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";text-align:left;font-size:1rem;color:#fff;position:absolute;left:0;bottom:0;width:100%;padding:10px;display:none}.pgwSlideshow .ps-caption span{padding:7px;display:inline-block}.pgwSlideshow .ps-list{border-top:1px solid #555;box-shadow:0 10px 10px -5px #333 inset;background:#555;overflow:hidden;position:relative}.pgwSlideshow .ps-list ul{position:relative;list-style:none;margin:0;padding:0;left:0}.pgwSlideshow .ps-list li{float:left}.pgwSlideshow .ps-list li .ps-item{display:block;margin:15px 8px;opacity:.6;filter:alpha(opacity=60)}.pgwSlideshow .ps-list li img{display:block;border:1px solid #777;width:80px;height:80px}.pgwSlideshow .ps-list li .ps-item.ps-selected{float:left;opacity:1;border:4px solid #fff;overflow:hidden}.pgwSlideshow .ps-list li .ps-item.ps-selected img{margin:-4px}.pgwSlideshow .ps-prevIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 10px 10px 0;display:block}.pgwSlideshow .ps-nextIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 0 10px 10px;display:block}.pgwSlideshow .ps-current .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;position:absolute;padding:20px 20px 20px 15px;left:0;top:45%;cursor:pointer}.pgwSlideshow .ps-current .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;position:absolute;padding:20px 15px 20px 20px;right:0;top:45%;cursor:pointer}.pgwSlideshow .ps-list .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;padding:20px 15px 20px 12px;cursor:pointer;position:absolute;left:0;top:25px;z-index:1000;display:none}.pgwSlideshow .ps-list .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;padding:20px 12px 20px 15px;cursor:pointer;position:absolute;right:0;top:25px;z-index:1000;display:none}.pgwSlideshow.narrow .ps-list li img{width:60px;height:60px}.pgwSlideshow.narrow .ps-current .ps-prev{padding:15px 15px 15px 12px;top:40%}.pgwSlideshow.narrow .ps-current .ps-next{padding:15px 12px 15px 15px;top:40%}.pgwSlideshow.narrow .ps-list .ps-prev{padding:15px 12px 15px 10px;top:20px}.pgwSlideshow.narrow .ps-list .ps-next{padding:15px 10px 15px 12px;top:20px}.pgwSlideshow.narrow .ps-caption{font-size:.8rem;padding:8px} </style> <script type="text/javascript"> /**
* PgwSlideshow - Version 2.0 * * Copyright 2014, Jonathan M. Piat * http://pgwjs.com - http://pagawa.com * * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0 */
- (function($){
$.fn.pgwSlideshow = function(options) {
var defaults = {
mainClassName : 'pgwSlideshow',
transitionEffect : 'sliding',
displayList : true,
displayControls : true,
touchControls : true,
autoSlide : false,
beforeSlide : false,
afterSlide : false,
maxHeight : null,
adaptiveDuration : 200,
transitionDuration : 500,
intervalDuration : 3000
};
if (this.length == 0) {
return this;
} else if(this.length > 1) {
this.each(function() {
$(this).pgwSlideshow(options);
});
return this;
}
var pgwSlideshow = this;
pgwSlideshow.plugin = this;
pgwSlideshow.config = {};
pgwSlideshow.data = [];
pgwSlideshow.currentSlide = 0;
pgwSlideshow.slideCount = 0;
pgwSlideshow.resizeEvent = null;
pgwSlideshow.intervalEvent = null;
pgwSlideshow.touchFirstPosition = null;
pgwSlideshow.touchListLastPosition = false;
pgwSlideshow.window = $(window);
// Init
var init = function() {
// Merge user options with the default configuration
pgwSlideshow.config = $.extend({}, defaults, options);
// Setup
setup();
// Check list
if (pgwSlideshow.config.displayList) {
checkList();
}
// Resize trigger
pgwSlideshow.window.resize(function() {
clearTimeout(pgwSlideshow.resizeEvent);
pgwSlideshow.resizeEvent = setTimeout(function() {
setSizeClass();
var maxHeight = pgwSlideshow.plugin.find('.ps-current > ul > li.elt_' + pgwSlideshow.currentSlide + ' img').height();
updateHeight(maxHeight);
if (pgwSlideshow.config.displayList) {
checkList();
checkSelectedItem();
}
}, 100);
});
// Activate interval
if (pgwSlideshow.config.autoSlide) {
activateInterval();
}
return true;
};
// Update the current height
var updateHeight = function(height, animate) {
// Check maxHeight
if (pgwSlideshow.config.maxHeight) {
if (height + pgwSlideshow.plugin.find('.ps-list').height() > pgwSlideshow.config.maxHeight) {
height = pgwSlideshow.config.maxHeight - pgwSlideshow.plugin.find('.ps-list').height();
}
}
if (typeof pgwSlideshow.plugin.find('.ps-current').animate == 'function') {
pgwSlideshow.plugin.find('.ps-current').stop().animate({
height: height
}, pgwSlideshow.config.adaptiveDuration, function() {
if (pgwSlideshow.config.maxHeight) {
pgwSlideshow.plugin.find('.ps-current > ul > li img').css('max-height', height + 'px');
}
});
} else {
pgwSlideshow.plugin.find('.ps-current').css('height', height);
if (pgwSlideshow.config.maxHeight) {
pgwSlideshow.plugin.find('.ps-current > ul > li img').css('max-height', height + 'px');
}
}
return true;
};
// Set list width
var setListWidth = function() {
var listWidth = 0;
// The plugin must be visible for a correct calculation
pgwSlideshow.plugin.show();
pgwSlideshow.plugin.find('.ps-list > ul > li').show().each(function() {
listWidth += $(this).width();
});
pgwSlideshow.plugin.find('.ps-list > ul').width(listWidth);
return true;
}
// Set size class
var setSizeClass = function() {
if (pgwSlideshow.plugin.width() <= 480) {
pgwSlideshow.plugin.addClass('narrow').removeClass('wide');
} else {
pgwSlideshow.plugin.addClass('wide').removeClass('narrow');
}
return true;
};
// Setup
var setup = function() {
// Create container
pgwSlideshow.plugin.removeClass('pgwSlideshow').removeClass(pgwSlideshow.config.mainClassName);
pgwSlideshow.plugin.wrap('');
pgwSlideshow.plugin = pgwSlideshow.plugin.parent();pgwSlideshow.plugin.wrap('');
pgwSlideshow.plugin = pgwSlideshow.plugin.parent();pgwSlideshow.plugin.prepend('
pgwSlideshow.slideCount = pgwSlideshow.plugin.find('.ps-list > ul > li').length;
if (pgwSlideshow.slideCount == 0) {
throw new Error('pgwSlideshow - No slider item has been found');
return false;
}
// Prev / Next icons
if (pgwSlideshow.slideCount > 1) {
// Slider controls
if (pgwSlideshow.config.displayControls) {
pgwSlideshow.plugin.find('.ps-current').prepend('');
pgwSlideshow.plugin.find('.ps-current').append('');
pgwSlideshow.plugin.find('.ps-current .ps-prev').click(function() {
pgwSlideshow.previousSlide();
});
pgwSlideshow.plugin.find('.ps-current .ps-next').click(function() {
pgwSlideshow.nextSlide();
});
}
// Touch controls for current image
if (pgwSlideshow.config.touchControls) {
pgwSlideshow.plugin.find('.ps-current').on('touchstart', function(e) {
try {
if (e.originalEvent.touches[0].clientX && pgwSlideshow.touchFirstPosition == null) {
pgwSlideshow.touchFirstPosition = e.originalEvent.touches[0].clientX;
}
} catch(e) {
pgwSlideshow.touchFirstPosition = null;
}
});
pgwSlideshow.plugin.find('.ps-current').on('touchmove', function(e) {
try {
if (e.originalEvent.touches[0].clientX && pgwSlideshow.touchFirstPosition != null) {
if (e.originalEvent.touches[0].clientX > (pgwSlideshow.touchFirstPosition + 50)) {
pgwSlideshow.touchFirstPosition = null;
pgwSlideshow.previousSlide();
} else if (e.originalEvent.touches[0].clientX < (pgwSlideshow.touchFirstPosition - 50)) {
pgwSlideshow.touchFirstPosition = null;
pgwSlideshow.nextSlide();
}
}
} catch(e) {
pgwSlideshow.touchFirstPosition = null;
}
});
pgwSlideshow.plugin.find('.ps-current').on('touchend', function(e) {
pgwSlideshow.touchFirstPosition = null;
});
}
}
// Get slideshow elements
var elementId = 1;
pgwSlideshow.plugin.find('.ps-list > ul > li').each(function() {
var element = getElement($(this));
element.id = elementId;
pgwSlideshow.data.push(element);
$(this).addClass('elt_' + element.id);
$(this).wrapInner('');
// Set element in the current list
var currentElement = $('');
if (element.image) {
currentElement.html('<img src="' + element.image + '" alt="' + (element.title ? element.title : ) + '">');
} else if (element.thumbnail) {
currentElement.html('<img src="' + element.thumbnail + '" alt="' + (element.title ? element.title : ) + '">');
}
if (element.link) {
currentElement.html('<a href="' + element.link + '"' + (element.linkTarget ? ' target="' + element.linkTarget + '"' : ) + '>' + currentElement.html() + '</a>');
}
pgwSlideshow.plugin.find('.ps-current > ul').append(currentElement);
$(this).css('cursor', 'pointer').click(function(event) {
event.preventDefault();
displayElement(element.id);
});
elementId++;
});
// Set list elements
if (pgwSlideshow.config.displayList) {
setListWidth();
pgwSlideshow.plugin.find('.ps-list').prepend('');
pgwSlideshow.plugin.find('.ps-list').append('');
pgwSlideshow.plugin.find('.ps-list').show();
} else {
pgwSlideshow.plugin.find('.ps-list').hide();
}
// Attach slide events
if (pgwSlideshow.config.autoSlide) {
pgwSlideshow.plugin.on('mouseenter', function() {
clearInterval(pgwSlideshow.intervalEvent);
pgwSlideshow.intervalEvent = null;
}).on('mouseleave', function() {
activateInterval();
});
}
// Disable current elements
pgwSlideshow.plugin.find('.ps-current > ul > li').hide();
// Display the first element
displayElement(1);
// Set the first height
pgwSlideshow.plugin.find('.ps-current > ul > li.elt_1 img').on('load', function() {
setSizeClass();
var maxHeight = pgwSlideshow.plugin.find('.ps-current > ul > li.elt_1 img').height();
updateHeight(maxHeight);
});
// Enable slideshow
setSizeClass();
pgwSlideshow.plugin.show();
return true;
};
// Get element
var getElement = function(obj) {
var element = {};
// Get link
var elementLink = obj.find('a').attr('href');
if ((typeof elementLink != 'undefined') && (elementLink != )) {
element.link = elementLink;
var elementLinkTarget = obj.find('a').attr('target');
if ((typeof elementLinkTarget != 'undefined') && (elementLinkTarget != )) {
element.linkTarget = elementLinkTarget;
}
}
// Get image
var elementThumbnail = obj.find('img').attr('src');
if ((typeof elementThumbnail != 'undefined') && (elementThumbnail != )) {
element.thumbnail = elementThumbnail;
}
var elementImage = obj.find('img').attr('data-large-src');
if ((typeof elementImage != 'undefined') && (elementImage != )) {
element.image = elementImage;
}
// Get title
var elementTitle = obj.find('img').attr('alt');
if ((typeof elementTitle != 'undefined') && (elementTitle != )) {
element.title = elementTitle;
}
// Get description
var elementDescription = obj.find('img').attr('data-description');
if ((typeof elementDescription != 'undefined') && (elementDescription != )) {
element.description = elementDescription;
}
return element;
};
// Finish element
var finishElement = function(element) {
// Element caption
var elementText = ;
if (element.title) {
elementText += '' + element.title + '';
}
if (element.description) {
if (elementText != ) elementText += '
';
elementText += element.description;
}
if (elementText != ) {
if (element.link) {
elementText = '<a href="' + element.link + '"' + (element.linkTarget ? ' target="' + element.linkTarget + '"' : ) + '>' + elementText + '</a>';
}
if (typeof pgwSlideshow.plugin.find('.ps-caption').fadeIn == 'function') {
pgwSlideshow.plugin.find('.ps-caption').html(elementText);
pgwSlideshow.plugin.find('.ps-caption').fadeIn(pgwSlideshow.config.transitionDuration / 2);
} else {
pgwSlideshow.plugin.find('.ps-caption').html(elementText);
pgwSlideshow.plugin.find('.ps-caption').show();
}
}
// Update list items
pgwSlideshow.plugin.find('.ps-list > ul > li .ps-item').removeClass('ps-selected');
pgwSlideshow.plugin.find('.ps-list > ul > li.elt_' + element.id + ' .ps-item').addClass('ps-selected');
// Check selected item
if (pgwSlideshow.config.displayList) {
checkList();
checkSelectedItem();
}
// Slideshow controls
if (pgwSlideshow.config.displayControls) {
if (typeof pgwSlideshow.plugin.find('.ps-current > .ps-prev').fadeIn == 'function') {
pgwSlideshow.plugin.find('.ps-current > .ps-prev, .ps-current > .ps-next').fadeIn(pgwSlideshow.config.transitionDuration / 2);
} else {
pgwSlideshow.plugin.find('.ps-current > .ps-prev, .ps-current > .ps-next').show();
}
}
// After slide
if (typeof pgwSlideshow.config.afterSlide == 'function') {
pgwSlideshow.config.afterSlide(element.id);
}
// Set the container height
var maxHeight = pgwSlideshow.plugin.find('.ps-current .elt_' + element.id + ' img').height();
updateHeight(maxHeight, true);
return true;
}
// Fade an element
var fadeElement = function(element) {
var elementContainer = pgwSlideshow.plugin.find('.ps-current > ul');
elementContainer.find('li').not('.elt_' + pgwSlideshow.currentSlide).not('.elt_' + element.id).each(function(){
if (typeof $(this).stop == 'function') {
$(this).stop();
}
$(this).css('position', ).css('z-index', 1).hide();
});
// Current element
if (pgwSlideshow.currentSlide > 0) {
var currentElement = elementContainer.find('.elt_' + pgwSlideshow.currentSlide);
if (typeof currentElement.animate != 'function') {
currentElement.animate = function(css, duration, callback) {
currentElement.css(css);
if (callback) {
callback();
}
};
}
if (typeof currentElement.stop == 'function') {
currentElement.stop();
}
currentElement.css('position', 'absolute').animate({
opacity : 0,
}, pgwSlideshow.config.transitionDuration, function() {
currentElement.css('position', ).css('z-index', 1).hide();
});
}
// Update current id
pgwSlideshow.currentSlide = element.id;
// Next element
var nextElement = elementContainer.find('.elt_' + element.id);
if (typeof nextElement.animate != 'function') {
nextElement.animate = function(css, duration, callback) {
nextElement.css(css);
if (callback) {
callback();
}
};
}
if (typeof nextElement.stop == 'function') {
nextElement.stop();
}
nextElement.css('position', 'absolute').show().animate({
opacity : 1,
}, pgwSlideshow.config.transitionDuration, function() {
nextElement.css('position', ).css('z-index', 2).css('display', 'block');
finishElement(element);
});
return true;
}
// Slide an element
var slideElement = function(element, direction) {
var elementContainer = pgwSlideshow.plugin.find('.ps-current > ul');
if (typeof direction == 'undefined') {
direction = 'left';
}
if (pgwSlideshow.currentSlide == 0) {
elementContainer.find('.elt_1').css({
position : ,
left : ,
opacity : 1,
'z-index' : 2
}).show();
pgwSlideshow.plugin.find('.ps-list > li.elt_1').css('opacity', '1');
finishElement(element);
} else {
if (pgwSlideshow.transitionInProgress) {
return false;
}
pgwSlideshow.transitionInProgress = true;
// Get direction details
var elementWidth = elementContainer.width();
if (direction == 'left') {
var elementDest = -elementWidth;
var nextOrigin = elementWidth;
} else {
var elementDest = elementWidth;
var nextOrigin = -elementWidth;
}
var currentElement = elementContainer.find('.elt_' + pgwSlideshow.currentSlide);
if (typeof currentElement.animate != 'function') {
currentElement.animate = function(css, duration, callback) {
currentElement.css(css);
if (callback) {
callback();
}
};
}
currentElement.css('position', 'absolute').animate({
left : elementDest,
}, pgwSlideshow.config.transitionDuration, function() {
currentElement.css('position', ).css('z-index', 1).css('left', ).css('opacity', 0).hide();
});
// Next element
var nextElement = elementContainer.find('.elt_' + element.id);
if (typeof nextElement.animate != 'function') {
nextElement.animate = function(css, duration, callback) {
nextElement.css(css);
if (callback) {
callback();
}
};
}
nextElement.css('position', 'absolute').css('left', nextOrigin).css('opacity', 1).show().animate({
left : 0,
}, pgwSlideshow.config.transitionDuration, function() {
nextElement.css('position', ).css('left', ).css('z-index', 2).show();
pgwSlideshow.transitionInProgress = false;
finishElement(element);
});
}
// Update current id
pgwSlideshow.currentSlide = element.id;
return true;
}
// Display current element
var displayElement = function(elementId, apiController, direction) {
if (elementId == pgwSlideshow.currentSlide) {
return false;
}
var element = pgwSlideshow.data[elementId - 1];
if (typeof element == 'undefined') {
throw new Error('pgwSlideshow - The element ' + elementId + ' is undefined');
return false;
}
if (typeof direction == 'undefined') {
direction = 'left';
}
// Before slide
if (typeof pgwSlideshow.config.beforeSlide == 'function') {
pgwSlideshow.config.beforeSlide(elementId);
}
if (typeof pgwSlideshow.plugin.find('.ps-caption').fadeOut == 'function') {
pgwSlideshow.plugin.find('.ps-caption, .ps-prev, .ps-next').fadeOut(pgwSlideshow.config.transitionDuration / 2);
} else {
pgwSlideshow.plugin.find('.ps-caption, .ps-prev, .ps-next').hide();
}
// Choose the transition effect
if (pgwSlideshow.config.transitionEffect == 'sliding') {
slideElement(element, direction);
} else {
fadeElement(element);
}
// Reset interval to avoid a half interval after an API control
if (typeof apiController != 'undefined' && pgwSlideshow.config.autoSlide) {
activateInterval();
}
return true;
};
// Activate interval
var activateInterval = function() {
clearInterval(pgwSlideshow.intervalEvent);
if (pgwSlideshow.slideCount > 1 && pgwSlideshow.config.autoSlide) {
pgwSlideshow.intervalEvent = setInterval(function() {
if (pgwSlideshow.currentSlide + 1 <= pgwSlideshow.slideCount) {
var nextItem = pgwSlideshow.currentSlide + 1;
} else {
var nextItem = 1;
}
displayElement(nextItem);
}, pgwSlideshow.config.intervalDuration);
}
return true;
};
// Check slide list
var checkList = function() {
if (! pgwSlideshow.config.displayList) return false;
// Refresh list width
setListWidth();
var containerObject = pgwSlideshow.plugin.find('.ps-list');
var containerWidth = containerObject.width();
var listObject = pgwSlideshow.plugin.find('.ps-list > ul');
var listWidth = listObject.width();
if (listWidth > containerWidth) {
listObject.css('margin', '0 45px');
var marginLeft = parseInt(listObject.css('margin-left'));
var marginRight = parseInt(listObject.css('margin-right'));
containerWidth -= (marginLeft + marginRight);
// Left button
containerObject.find('.ps-prev').show().unbind('click').click(function() {
var oldPosition = parseInt(listObject.css('left'));
var newPosition = oldPosition + containerWidth;
if (oldPosition == 0) {
newPosition = -(listWidth - containerWidth);
} else if (newPosition > 0) {
newPosition = 0;
}
if (typeof listObject.animate == 'function') {
listObject.animate({
left: newPosition
}, pgwSlideshow.config.transitionDuration);
} else {
listObject.css('left', newPosition);
}
});
// Right button
containerObject.find('.ps-next').show().unbind('click').click(function() {
var oldPosition = parseInt(listObject.css('left'));
var newPosition = oldPosition - containerWidth;
var maxPosition = -(listWidth - containerWidth);
if (oldPosition == maxPosition) {
newPosition = 0;
} else if (newPosition < maxPosition) {
newPosition = maxPosition;
}
if (typeof listObject.animate == 'function') {
listObject.animate({
left: newPosition
}, pgwSlideshow.config.transitionDuration);
} else {
listObject.css('left', newPosition);
}
});
// Touch controls for the list
if (pgwSlideshow.config.touchControls) {
pgwSlideshow.plugin.find('.ps-list > ul').on('touchmove', function(e) {
try {
if (e.originalEvent.touches[0].clientX) {
var lastPosition = (pgwSlideshow.touchListLastPosition == false ? 0 : pgwSlideshow.touchListLastPosition);
nbPixels = (pgwSlideshow.touchListLastPosition == false ? 1 : Math.abs(lastPosition - e.originalEvent.touches[0].clientX));
pgwSlideshow.touchListLastPosition = e.originalEvent.touches[0].clientX;
var touchDirection = ;
if (lastPosition > e.originalEvent.touches[0].clientX) {
touchDirection = 'left';
} else if (lastPosition < e.originalEvent.touches[0].clientX) {
touchDirection = 'right';
}
}
var oldPosition = parseInt(listObject.css('left'));
if (touchDirection == 'left') {
var containerWidth = containerObject.width();
var listWidth = listObject.width();
var marginLeft = parseInt(listObject.css('margin-left'));
var marginRight = parseInt(listObject.css('margin-right'));
containerWidth -= (marginLeft + marginRight);
var maxPosition = -(listWidth - containerWidth);
var newPosition = oldPosition - nbPixels;
if (newPosition > maxPosition) {
listObject.css('left', newPosition);
}
} else if (touchDirection == 'right') {
var newPosition = oldPosition + nbPixels;
if (newPosition < 0) {
listObject.css('left', newPosition);
} else {
listObject.css('left', 0);
}
}
} catch(e) {
pgwSlideshow.touchListLastPosition = false;
}
});
pgwSlideshow.plugin.find('.ps-list > ul').on('touchend', function(e) {
pgwSlideshow.touchListLastPosition = false;
});
}
} else {
var marginLeft = parseInt((containerWidth - listWidth) / 2);
listObject.css('left', 0).css('margin-left', marginLeft);
containerObject.find('.ps-prev').hide();
containerObject.find('.ps-next').hide();
pgwSlideshow.plugin.find('.ps-list > ul').unbind('touchstart touchmove touchend');
}
return true;
};
// Check the visibility of the selected item
var checkSelectedItem = function() {
var containerWidth = pgwSlideshow.plugin.find('.ps-list').width();
var listObject = pgwSlideshow.plugin.find('.ps-list > ul');
var listWidth = listObject.width();
var marginLeft = parseInt(listObject.css('margin-left'));
var marginRight = parseInt(listObject.css('margin-right'));
containerWidth -= (marginLeft + marginRight);
var visibleZoneStart = Math.abs(parseInt(listObject.css('left')));
var visibleZoneEnd = visibleZoneStart + containerWidth;
var elementZoneStart = pgwSlideshow.plugin.find('.ps-list .ps-selected').position().left;
var elementZoneEnd = elementZoneStart + pgwSlideshow.plugin.find('.ps-list .ps-selected').width();
if ((elementZoneStart < visibleZoneStart) || (elementZoneEnd > visibleZoneEnd) || (listWidth > containerWidth && visibleZoneEnd > elementZoneEnd)) {
var maxPosition = -(listWidth - containerWidth);
if (-elementZoneStart < maxPosition) {
listObject.css('left', maxPosition);
} else {
listObject.css('left', -elementZoneStart);
}
}
return true;
};
// Start auto slide
pgwSlideshow.startSlide = function() {
pgwSlideshow.config.autoSlide = true;
activateInterval();
return true;
};
// Stop auto slide
pgwSlideshow.stopSlide = function() {
pgwSlideshow.config.autoSlide = false;
clearInterval(pgwSlideshow.intervalEvent);
return true;
};
// Get current slide
pgwSlideshow.getCurrentSlide = function() {
return pgwSlideshow.currentSlide;
};
// Get slide count
pgwSlideshow.getSlideCount = function() {
return pgwSlideshow.slideCount;
};
// Display slide
pgwSlideshow.displaySlide = function(itemId) {
displayElement(itemId, true);
return true;
};
// Next slide
pgwSlideshow.nextSlide = function() {
if (pgwSlideshow.currentSlide + 1 <= pgwSlideshow.slideCount) {
var nextItem = pgwSlideshow.currentSlide + 1;
} else {
var nextItem = 1;
}
displayElement(nextItem, true, 'left');
return true;
};
// Previous slide
pgwSlideshow.previousSlide = function() {
if (pgwSlideshow.currentSlide - 1 >= 1) {
var previousItem = pgwSlideshow.currentSlide - 1;
} else {
var previousItem = pgwSlideshow.slideCount;
}
displayElement(previousItem, true, 'right');
return true;
};
// Destroy slider
pgwSlideshow.destroy = function(soft) {
clearInterval(pgwSlideshow.intervalEvent);
if (typeof soft != 'undefined') {
pgwSlideshow.plugin.find('.ps-list > ul > li').each(function() {
$(this).attr('style', null).removeClass().unbind('click');
$(this).html($(this).find('span').html());
});
pgwSlideshow.plugin.find('.ps-current').remove();
pgwSlideshow.plugin.find('.ps-list').find('.ps-prev, .ps-next').remove();
pgwSlideshow.plugin.find('.ps-list > ul').addClass(pgwSlideshow.config.mainClassName).attr('style', );
pgwSlideshow.plugin.find('.ps-list > ul').unwrap().unwrap();
pgwSlideshow.hide();
} else {
pgwSlideshow.parent().parent().remove();
}
pgwSlideshow.plugin = null;
pgwSlideshow.data = [];
pgwSlideshow.config = {};
pgwSlideshow.currentSlide = 0;
pgwSlideshow.slideCount = 0;
pgwSlideshow.resizeEvent = null;
pgwSlideshow.intervalEvent = null;
pgwSlideshow.touchFirstPosition = null;
pgwSlideshow.window = null;
return true;
};
// Reload slider
pgwSlideshow.reload = function(newOptions) {
pgwSlideshow.destroy(true);
pgwSlideshow = this;
pgwSlideshow.plugin = this;
pgwSlideshow.window = $(window);
pgwSlideshow.plugin.show();
// Merge new options with the default configuration
pgwSlideshow.config = $.extend({}, defaults, newOptions);
// Setup
setup();
// Resize listener
pgwSlideshow.window.resize(function() {
clearTimeout(pgwSlideshow.resizeEvent);
pgwSlideshow.resizeEvent = setTimeout(function() {
setSizeClass();
var maxHeight = pgwSlideshow.plugin.find('.ps-current > ul > li.elt_' + pgwSlideshow.currentSlide + ' img').css('max-height', ).height();
updateHeight(maxHeight);
if (pgwSlideshow.config.displayList) {
checkList();
checkSelectedItem();
}
}, 100);
});
// Activate interval
if (pgwSlideshow.config.autoSlide) {
activateInterval();
}
return true;
};
// Slideshow initialization
init();
return this; }
})(window.Zepto || window.jQuery);
$(document).ready(function() {
$('.pgwSlideshow').pgwSlideshow();
}); </script>