Risultati da 1 a 4 di 4

Discussione: effetto su immagine

  1. #1
    Fabio90 è offline Utente del Forum
    Data Registrazione
    Feb 2012
    Messaggi
    206

    effetto su immagine

    ciao,
    nella pagina di questo sito http://www.consorziobuscar.it/consor...onsorziate.php ho una mappa della città più i nomi delle autoscuole. Mi piacerebbe inserire nella mappa un simbolino per ogni autoscuola come google map che appena ci si clicca sopra compaia un pop-up/fancybox che mi dia i risultati in tabella.

    Qualche suggerimento o guida dove prendere spunto?
    Grazie mille

  2. #2
    L'avatar di f107
    f107 è offline Utente del Forum
    Data Registrazione
    Aug 2012
    Messaggi
    71
    Ora non posso provarlo,
    Ma cosi dovrebbe funzionare:
    Codice:
    <a href="#inline1" onclick="$.fancybox( {		'transitionIn'		: 'none','transitionOut': 'none'} );" title="Titolo da visualizzare sul lightbox">Qui va l'immagine</a>
    
    <div id="inline1" style="display: none;">
    	Testo che vuoi vedere nel lightbox
    </div>
    Se non funziona fammi sapere e, per il futuro, http://fancybox.net/api è una grande risorsa

  3. #3
    L'avatar di f107
    f107 è offline Utente del Forum
    Data Registrazione
    Aug 2012
    Messaggi
    71
    Chiedo scusa ma non mi fa modificare....

    il codice sopra è errato, questo è testato e funzionante:
    Codice:
    <img src="immagine che vuoi" onclick="$.fancybox( {'onStart': function() { $('#inline1').show();    }, href : '#inline1', title : 'titolo lightbox'}, {'transitionIn' : 'none',	'transitionOut': 'none',  'onClosed': function() { $('#inline1').hide();    }} );">
    
    <div id="inline1" style="display: none"; >
    	Testo che vuoi vedere nel lightbox
    </div>

  4. #4
    Fabio90 è offline Utente del Forum
    Data Registrazione
    Feb 2012
    Messaggi
    206
    grazie del suggerimento =)

Tag per Questa Discussione

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •