Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di Edipo
    Registrato dal
    May 2003
    Messaggi
    1,239

    Tooltip stile Popup per immagini

    Ciao a tutti, ho seguito un link postato da xinod per realizzare una galleria di immagini dove al passaggio del mouse sulla miniatura vien fuori una sorta di popup che visualizza la medesima foto ma in dimensioni reali (ingrandita).
    Purtroppo non riesco a capire per quale ragione non riesco a farlo funzionare.

    Dunque: una volta incluso il file tooltip_gallery.js come faccio a far "apparire" questi div?
    Il link postato di xinod è il seguente: http://www.xinod.it/scripts/tooltip_gallery/
    Qualche anima è riuscita a capire come fare?
    Grazie in anticipo.
    "Il tempo aiuta a dimenticare e il destino regala sempre una seconda occasione.
    Ma aprirsi all'amore significa rendersi vulnerabili".

    Nicholas Sparks

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    comparando l' esempio con la tua pagina dovrebbe risultare abbastanza chiaro cosa serve:
    • il js esterno, in esso e' da specificare il percorso alla cartella contenente le immagini ingrandite
    • il css esterno, ma fondamentalmente serve solo questo
      codice:
      #pop {
      	position:absolute;
      	top:0px;
      	left:0px;
      	z-index:100;
      	display:none;
      }
    • un elemento con id="gallery", le cui immagini in esso contenute mostreranno l' effetto al passaggio


  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Posta il link alla tua pagina che non funziona, si fa prima.


    edit: Ops!! Come non detto ha risolto il mitico Xinod
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it L'avatar di Edipo
    Registrato dal
    May 2003
    Messaggi
    1,239
    Grazie per avermi risposto xinod, bhe il codice usato è questo:

    <td width="66" align="left" valign="top" id="gallery">

    </td>

    e lo stile che mi hai postato nell'HEAD.
    Il problema è che: così com'è, visualizza semplicemente un scritta "Loading..." senza sfondo e nient'altro.
    Sono sicuro del path dell'immagine anche perchè diversamente la miniatura non verebbe visualizzata.
    Dov'è che sbaglio?
    "Il tempo aiuta a dimenticare e il destino regala sempre una seconda occasione.
    Ma aprirsi all'amore significa rendersi vulnerabili".

    Nicholas Sparks

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da Edipo
    Sono sicuro del path dell'immagine anche perchè diversamente la miniatura non verebbe visualizzata.
    ...scusa ma qui al posto di 'xl' cosa scrivi?
    var xlPath='xl'; // path to enlarged images

    se ad esempio le immagini ingrandite fossero nella cartella "ingrandite", con "ingrandite" allo stesso livello di "utenti" poresti scrivere

    var xlPath='/home/community/ingrandite';

  6. #6
    Utente di HTML.it L'avatar di Edipo
    Registrato dal
    May 2003
    Messaggi
    1,239
    solo adesso ho aperto il file js ! risolto...
    Scusate!
    Xinod mi chiedo sarebbe possibile visualizzare oltre la foto anche altre informazioni?
    Esempio nick ed età?
    Suppongo debba metterli all'interno del tag "<img" ma poi come passo il tutto alla funzione?
    "Il tempo aiuta a dimenticare e il destino regala sempre una seconda occasione.
    Ma aprirsi all'amore significa rendersi vulnerabili".

    Nicholas Sparks

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    guarda, e' un sistema volutamente molto rudimentale
    ci sono in giro altri script che fanno questo e molto di piu',
    magari tirando in ballo ajax e complicandosi molto

    puoi cimentarti tu se ne hai voglia
    io sicuramente ci rimettero' mano prima o poi ma ora proprio non ho tempo

  8. #8
    Utente di HTML.it L'avatar di Edipo
    Registrato dal
    May 2003
    Messaggi
    1,239
    Perfetto, grazie per la dritta su ajax, sei un grande!
    un salutone!!
    "Il tempo aiuta a dimenticare e il destino regala sempre una seconda occasione.
    Ma aprirsi all'amore significa rendersi vulnerabili".

    Nicholas Sparks

  9. #9
    stò provando la gallery di Xinod ma ho trovato un piccolo problema che non riesco a risolvere

    se si prova a passare sopra un' immagine e aspettare che si carichi poi si passa sopra un' altra, viene visualizzata quella precedente fino a quando non viene caricata quella corrente

    come si potrebbe risolvere?

    ho provato con un setTimeout e visualizzare l' immagine dopo un tot di secondi per dare tempo all' immagine di aggiornarsi ma non ho risolto


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.