Home

Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus lorem semper pulvinar nostra imperdiet. Ipsum ultrices consequat tempor tempor tempor commodo nisl. Hendrerit vulputate rhoncus iaculis pretium tempor aptent ullamcorper netus. Cras iaculis dictum magnis odio mollis consequat porta phasellus? Potenti sed leo ex vehicula rhoncus eleifend placerat ligula. Hac nisi nec malesuada arcu id. Tellus porta aliquam congue potenti sollicitudin diam.

Nostra adipiscing mus magna fringilla sed ultricies penatibus. Dapibus habitant auctor tincidunt vehicula platea natoque parturient. Pellentesque massa cursus volutpat lacinia mi. Non ac fames eget scelerisque posuere nunc sem. Tellus urna sociosqu dui primis semper sociosqu odio. Vestibulum a pharetra iaculis habitasse vestibulum.

Pharetra consectetur ullamcorper mauris finibus dapibus. Lobortis suspendisse ex donec litora suspendisse; sociosqu nulla nibh nisi. Scelerisque nam tempor magnis nam porttitor. Enim massa litora auctor nam elit. Porttitor litora convallis ut sem finibus phasellus arcu. Orci erat dis tempor netus, sagittis gravida curabitur est. Hac rhoncus aenean; curae mollis morbi morbi odio. Velit nisi aenean finibus nam adipiscing curabitur.

Porttitor imperdiet class dis posuere imperdiet litora senectus quisque tempus. Accumsan bibendum volutpat eleifend aptent orci. Cubilia volutpat gravida tellus viverra ac massa ultrices enim penatibus. Posuere laoreet hendrerit cubilia porta potenti augue malesuada. Lacinia leo torquent posuere ut porttitor dolor. Vel rhoncus ante bibendum eleifend ante maximus molestie.

Work shop : Via Dante Alighieri 3, 33050 Gonars, UD, Italy House: Via Borgo Cividale 10, 33057, UD, Italy
Web site: www.giovannidefant.it
E-mail: gd@giovannidefant.it
Phone: +39 3493304881

Facebook Twitter Youtube 
				
					jQuery(document).ready(function($) {
    var totalImages = $('.galleria-link').length; // Numero totale di immagini
    var currentIndex = 0; // Indice dell'immagine attuale
    
    // Funzione per aprire l'immagine ingrandita
    function openImage(index) {
        var link = $('.galleria-link[data-index="' + index + '"]');
        var imgSrc = link.attr('href');
        var imgAlt = link.children('img').attr('alt');
        var descrizione = link.data('descrizione');
        
        // Crea o aggiorna il popup dell'immagine
        var overlay = $('<div class="galleria-overlay"></div>');
        var img = $('<img src="' + imgSrc + '" alt="' + imgAlt + '" class="galleria-img">');
        var descrizioneElem = $('<p class="galleria-overlay-descrizione">' + descrizione + '</p>');
        
        // Aggiungi frecce di navigazione
        var prevArrow = $('<span class="galleria-arrow galleria-prev">&laquo;</span>');
        var nextArrow = $('<span class="galleria-arrow galleria-next">&raquo;</span>');
        
        overlay.append(prevArrow).append(img).append(nextArrow).append(descrizioneElem);
        $('body').append(overlay);
        
        // Aggiungi animazione
        overlay.hide().fadeIn(500);
        
        // Funzionalità per la freccia successiva
        $('.galleria-next').click(function() {
            currentIndex = (currentIndex + 1) % totalImages; // Incrementa l'indice, torna a 0 se è l'ultimo
            $('.galleria-overlay').remove(); // Rimuovi l'overlay precedente
            openImage(currentIndex); // Mostra la prossima immagine
        });
        
        // Funzionalità per la freccia precedente
        $('.galleria-prev').click(function() {
            currentIndex = (currentIndex - 1 + totalImages) % totalImages; // Decrementa l'indice, torna all'ultima immagine se è la prima
            $('.galleria-overlay').remove(); // Rimuovi l'overlay precedente
            openImage(currentIndex); // Mostra l'immagine precedente
        });
        
        // Chiudi il popup cliccando su overlay
        overlay.click(function() {
            $(this).fadeOut(500, function() {
                $(this).remove();
            });
        });
    }
    
    // Quando una miniatura viene cliccata, apri l'immagine ingrandita
    $('.galleria-link').click(function(event) {
        event.preventDefault();
        currentIndex = parseInt($(this).data('index')); // Recupera l'indice della miniatura cliccata
        openImage(currentIndex); // Apri l'immagine ingrandita
    });
});