Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117

    Fancybox e chiamata manuale

    Ciao a tutti! Sto utilizzando fancybox nel mio sito internet e funziona che è una meraviglia!
    L'unico problema è che non riesco a fare una chiamata manuale!
    Mi spiego meglio! Io vorrei che cliccando su un link si aprisse una galleria fotografica di n immagini!

    Sul sito mi pare di aver capito si faccia così:

    Inserisco nell'head questo script collegato all'evento document.ready

    codice:
    $("#manual2").click(function() {		$.fancybox([
    			'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
    			'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
    			{
    				'href'	: 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg',
    				'title'	: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
    			}
    		], {
    			'padding'			: 0,
    			'transitionIn'		: 'none',
    			'transitionOut'		: 'none',
    			'type'              : 'image',
    			'changeFade'        : 0
    		}); 	});
    chiamo la funzione:

    codice:
    <a id="manual2" href="javascript:;" title="">PROVA</a>
    Il problema è che quando clicco non accade nulla

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    mi sa che ti manca una chiusura di parentesi graffa

  3. #3
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117
    A me pare di no...
    Tra l'altro questo è il codice "operante" sul sito di fancybox (dove la chiamata funziona benissimo...) non so più dove sbatter la testa con sta cosa

  4. #4
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117
    Allora dopo vari ragionamenti ecc ho pensato di creare una mia funzione personale:

    codice:
                /*Chiamata Manuale Galleria */            function apriGallMan(arrURL,titolo){
                    $.fancybox(arrURL, {
                            'title'                :   titolo,
                            'type'                :    'image',
                            'titlePosition'        :    'inside',
                            'transitionIn'        :    'elastic',
                            'transitionOut'        :    'elastic',
                            'speedIn'            :    450, 
                            'speedOut'            :    200, 
                            'overlayShow'        :    true
                        });
    Come vedete passo 2 variabili alla funzione (arrURL, titolo) la prima contiene un array con i vari URL delle immagini da vedere con fancybox, mentre la seconda contiene il nome della galleria...(la funzione in questione l'ho messa nell'HEAD)

    per creare l'array e passare la funzione uso questo:

    codice:
    <script>
    mioArr=new Array("miaImmagine01.JPG",    "miaImmagine02.JPG",    "miaImmagine03.JPG",    "miaImmagine04.JPG",    "miaImmagine05.JPG");
    </script>
    <a onclick="apriGallMan(mioArr,'Feste di Compleanno')" href="javascript:;">PROVA</a>
    Questo lo metto nel BODY....

    RISULTATO

    Il risultato è che tutto funziona....ma SOLO UNA VOLTA! :O

    Cioè se apro la pagina, clicco il link mi avvia la galleria ecc ecc se chiudo LA GALLERIA (non la pagina) e provo a ricliccare mi apre il fancybox con questa scritta

    "The requested content cannot be loaded.
    Please try again later."

    Qualcuno ha qualche idea? :/
    Ultima modifica di Veronica80; 27-01-2014 a 18:16

  5. #5
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117
    Update:

    Se nella funzione rimuovo il blocco di codice di FancyBox l'array viene letto sempre senza problemi! E' come se l'esecuzione del blocco riguardante FancyBox azzerasse la variabile...

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    http://jsbin.com/izUhome/1, ho solo copiato e incollato il codice del primo post e aggiunto i 2 js(jquery,fancybox) e il css.
    http://jsbin.com/izUhome/1/edit, qua vedi il codice


  7. #7
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117
    Grazie vindav! Però a me serviva poter passare un array alla funzione! Perchè le immagini le recupero dinamicamente! Però ho risolto con la versione 2.0 di fancybox! Usando quella funziona anche il passaggio array a una mia funzione personale

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.