Z-Chair : No. 42 - Furnip (2024)

'); if (element.image) { currentElement.html(''); } else if (element.thumbnail) { currentElement.html(''); } if (element.link) { currentElement.html('' + currentElement.html() + ''); } pgwSlider.plugin.find('.ps-current > ul').append(currentElement); // Set selection mode if ((pgwSlider.config.selectionMode == 'mouseOver') && (pgwSlider.config.transitionEffect == 'fading')) { $(this).css('cursor', 'default').click(function(event) { event.preventDefault(); }).bind('mouseenter', function(event) { displayElement(element.id); }); $(this).find('a').css('cursor', 'default'); } else { $(this).css('cursor', 'pointer').click(function(event) { event.preventDefault(); displayElement(element.id); }); } elementId++; }); // Set list position if (pgwSlider.config.listPosition == 'left') { pgwSlider.plugin.addClass('listOnTheLeft'); } // Attach slide events if (pgwSlider.config.autoSlide) { pgwSlider.plugin.on('mouseenter', function() { clearInterval(pgwSlider.intervalEvent); pgwSlider.intervalEvent = null; }).on('mouseleave', function() { activateInterval(); }); } // Display the first element displayElement(1); // Set the first height pgwSlider.plugin.find('.ps-current > ul > li.elt_1 img').on('load', function() { setSizeClass(); var maxHeight = pgwSlider.plugin.find('.ps-current > ul > li.elt_1 img').height(); updateHeight(maxHeight); pgwSlider.window.resize(function() { // The new class must be set before the recalculation of the height. setSizeClass(); var maxHeight = pgwSlider.plugin.find('.ps-current > ul > li.elt_' + pgwSlider.currentSlide + ' img').height(); updateHeight(maxHeight, pgwSlider.config.adaptiveHeight); }); }); // Touch controls for current image if (pgwSlider.config.touchControls && pgwSlider.slideCount > 1) { pgwSlider.plugin.find('.ps-current').on('touchstart', function(e) { try { if (e.originalEvent.touches[0].clientX && pgwSlider.touchFirstPosition == null) { pgwSlider.touchFirstPosition = e.originalEvent.touches[0].clientX; } } catch(e) { pgwSlider.touchFirstPosition = null; } }); pgwSlider.plugin.find('.ps-current').on('touchmove', function(e) { try { if (e.originalEvent.touches[0].clientX && pgwSlider.touchFirstPosition != null) { if (e.originalEvent.touches[0].clientX > (pgwSlider.touchFirstPosition + 50)) { pgwSlider.touchFirstPosition = null; pgwSlider.previousSlide(); } else if (e.originalEvent.touches[0].clientX < (pgwSlider.touchFirstPosition - 50)) { pgwSlider.touchFirstPosition = null; pgwSlider.nextSlide(); } } } catch(e) { pgwSlider.touchFirstPosition = null; } }); pgwSlider.plugin.find('.ps-current').on('touchend', function(e) { pgwSlider.touchFirstPosition = null; }); } return true; }; // 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 = '' + elementText + ''; } if (typeof pgwSlider.plugin.find('.ps-caption').fadeIn == 'function') { pgwSlider.plugin.find('.ps-caption').html(elementText); pgwSlider.plugin.find('.ps-caption').fadeIn(pgwSlider.config.transitionDuration / 2); } else { pgwSlider.plugin.find('.ps-caption').html(elementText); pgwSlider.plugin.find('.ps-caption').show(); } } // Slider controls if (pgwSlider.config.displayControls) { if (typeof pgwSlider.plugin.find('.ps-current > .ps-prev').fadeIn == 'function') { pgwSlider.plugin.find('.ps-current > .ps-prev, .ps-current > .ps-next').fadeIn(pgwSlider.config.transitionDuration / 2); } else { pgwSlider.plugin.find('.ps-current > .ps-prev, .ps-current > .ps-next').show(); } } // After slide if (typeof pgwSlider.config.afterSlide == 'function') { pgwSlider.config.afterSlide(element.id); } // Set the container height if (pgwSlider.config.adaptiveHeight) { var maxHeight = pgwSlider.plugin.find('.ps-current .elt_' + element.id + ' img').height(); updateHeight(maxHeight, true); } return true; } // Fade an element var fadeElement = function(element) { var elementContainer = pgwSlider.plugin.find('.ps-current > ul'); // Update list items pgwSlider.plugin.find('.ps-list > li.elt_' + element.id).css('opacity', '1'); elementContainer.find('li').not('.elt_' + pgwSlider.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 (pgwSlider.currentSlide > 0) { var currentElement = elementContainer.find('.elt_' + pgwSlider.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, }, pgwSlider.config.transitionDuration, function() { currentElement.css('position', '').css('z-index', 1).hide(); }); } // Update current id pgwSlider.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, }, pgwSlider.config.transitionDuration, function() { nextElement.css('position', '').css('z-index', 2).show(); finishElement(element); }); return true; } // Slide an element var slideElement = function(element, direction) { var elementContainer = pgwSlider.plugin.find('.ps-current > ul'); if (typeof direction == 'undefined') { direction = 'left'; } if (pgwSlider.currentSlide == 0) { elementContainer.find('.elt_1').css({ position : '', left : '', opacity : 1, 'z-index' : 2 }).show(); pgwSlider.plugin.find('.ps-list > li.elt_1').css('opacity', '1'); finishElement(element); } else { if (pgwSlider.transitionInProgress) { return false; } pgwSlider.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_' + pgwSlider.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, }, pgwSlider.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, }, pgwSlider.config.transitionDuration, function() { nextElement.css('position', '').css('left', '').css('z-index', 2).show(); pgwSlider.transitionInProgress = false; // Display new element pgwSlider.plugin.find('.ps-list > li.elt_' + element.id).css('opacity', '1'); finishElement(element); }); } // Update current id pgwSlider.currentSlide = element.id; return true; } // Display the current element var displayElement = function(elementId, apiController, direction) { if (elementId == pgwSlider.currentSlide) { return false; } var element = pgwSlider.data[elementId - 1]; if (typeof element == 'undefined') { throw new Error('PgwSlider - The element ' + elementId + ' is undefined'); return false; } if (typeof direction == 'undefined') { direction = 'left'; } // Before slide if (typeof pgwSlider.config.beforeSlide == 'function') { pgwSlider.config.beforeSlide(elementId); } if (typeof pgwSlider.plugin.find('.ps-caption').fadeOut == 'function') { pgwSlider.plugin.find('.ps-caption, .ps-prev, .ps-next').fadeOut(pgwSlider.config.transitionDuration / 2); } else { pgwSlider.plugin.find('.ps-caption, .ps-prev, .ps-next').hide(); } // Choose the transition effect if (pgwSlider.config.transitionEffect == 'sliding') { slideElement(element, direction); } else { fadeElement(element); } // Reset interval to avoid a half interval after an API control if (typeof apiController != 'undefined' && pgwSlider.config.autoSlide) { activateInterval(); } return true; }; // Activate interval var activateInterval = function() { clearInterval(pgwSlider.intervalEvent); if (pgwSlider.slideCount > 1 && pgwSlider.config.autoSlide) { pgwSlider.intervalEvent = setInterval(function() { if (pgwSlider.currentSlide + 1 <= pgwSlider.slideCount) { var nextItem = pgwSlider.currentSlide + 1; } else { var nextItem = 1; } displayElement(nextItem); }, pgwSlider.config.intervalDuration); } return true; }; // Start auto slide pgwSlider.startSlide = function() { pgwSlider.config.autoSlide = true; activateInterval(); return true; }; // Stop auto slide pgwSlider.stopSlide = function() { pgwSlider.config.autoSlide = false; clearInterval(pgwSlider.intervalEvent); return true; }; // Get current slide pgwSlider.getCurrentSlide = function() { return pgwSlider.currentSlide; }; // Get slide count pgwSlider.getSlideCount = function() { return pgwSlider.slideCount; }; // Display slide pgwSlider.displaySlide = function(itemId) { displayElement(itemId, true); return true; }; // Next slide pgwSlider.nextSlide = function() { if (pgwSlider.currentSlide + 1 <= pgwSlider.slideCount) { var nextItem = pgwSlider.currentSlide + 1; } else { var nextItem = 1; } displayElement(nextItem, true, 'left'); return true; }; // Previous slide pgwSlider.previousSlide = function() { if (pgwSlider.currentSlide - 1 >= 1) { var previousItem = pgwSlider.currentSlide - 1; } else { var previousItem = pgwSlider.slideCount; } displayElement(previousItem, true, 'right'); return true; }; // Destroy slider pgwSlider.destroy = function(soft) { clearInterval(pgwSlider.intervalEvent); if (typeof soft != 'undefined') { pgwSlider.plugin.find('.ps-list > li').each(function() { $(this).attr('style', null).removeClass().css('cursor', '').unbind('click').unbind('mouseenter'); $(this).find('a').css('cursor', ''); $(this).find('img').attr('style', null); }); pgwSlider.plugin.find('.ps-list').addClass(pgwSlider.config.mainClassName).removeClass('ps-list'); pgwSlider.plugin.find('.ps-current').unwrap().remove(); pgwSlider.hide(); } else { pgwSlider.parent().remove(); } pgwSlider.plugin = null; pgwSlider.data = []; pgwSlider.config = {}; pgwSlider.currentSlide = 0; pgwSlider.slideCount = 0; pgwSlider.resizeEvent = null; pgwSlider.intervalEvent = null; pgwSlider.touchFirstPosition = null; pgwSlider.transitionInProgress = false; pgwSlider.window = null; return true; }; // Reload slider pgwSlider.reload = function(newOptions) { pgwSlider.destroy(true); pgwSlider = this; pgwSlider.plugin = this; pgwSlider.window = $(window); pgwSlider.plugin.show(); // Merge new options with the default configuration pgwSlider.config = $.extend({}, defaults, newOptions); // Setup setup(); // Activate interval if (pgwSlider.config.autoSlide) { activateInterval(); } return true; }; // Slider initialization init(); return this; }})(window.Zepto || window.jQuery);