Oggi invece voglio segnalarvi uno script che permette di visualizzare l'anteprima delle immagini al passaggio del mouse sopra ciascuna immagine.
Per utilizzare questo script, basta aggiungere nel proprio blog prima del tag </head> questo codice:
Javascript Code
- <script language='javascript' src='http://digilander.libero.it/iolecalblogspot/script/boxover.js' type='text/javascript'/>
- <link href='http://digilander.libero.it/iolecalblogspot/script/boxover.css' rel='stylesheet' type='text/css'/>
Per vedere lo script in funzione basta passare il mouse sulle immagini. Come al solito le foto utilizzate sono quelle del mio amico Amsis:
Lo script può essere anche utilizzato per visualizzare un tooltip al passaggio del mouse su un testo presente nel blog, come ad esempio questo!!!
Per visualizzare l'anteprima di un'immagine o il tooltip su di un testo basta scrivere:
Javascript Code: Anteprima Immagine
- <img src="URL IMMAGINE" title="cssbody=[tooltipbody] cssheader=[tooltipheader] header=[TESTO HEADER] body=[<img src='URL IMMAGINE ANTEPRIMA'/>] offsety=[-30]" />
Javascript Code: Tooltip
- <a href="LINK" title="cssbody=[tooltipbody] cssheader=[tooltipheader] header=[TESTO HEADER] body=[TESTO BODY] offsety=[-30]">Link</a>
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.
Copyright 2008- 
Design by 
Bellissimo script, quasi quasi lo provo sul mio template...
RispondiEliminaNotte :-)
Eh sì, bello e facile da usare!
RispondiEliminache bello... mi ci dovrò impegnare parecchio perchè su ste cose son proprio negata!! segnalo questo post a un altro blogger che penso sia molto interessato a questa funzione!!
RispondiEliminaciao fede
@Federica: per qualsiasi chiarimento non esitare a contattarmi ^_^
RispondiEliminaSimpatico ma ho giá il Blog un pó pesante. Meglio che uno carichi le foto solo se lo vuole cliccandoci sopra.
RispondiElimina@Grissino: lo script non dovrebbe appesantire il blog perché le immagini per l'anteprima vengono caricate solo se si passa sopra l'oggetto con il mouse.
RispondiEliminaposso chiederti una cosa.... come devo fare?
RispondiEliminacarico la foto normalmente... e poi? me lo puoi spiegare passo passo perchè sono un po' tonta!
@Federica: certo... contattami sulla chat!
RispondiEliminanon ci riesco. mi spiegate passo passo come fare?? grazie.
RispondiEliminaancora una cosa ... se nella pagina ci sono altri script, possono esserci conflitti?? e' molto bello e mi servirebbe propio, spiegatemi come farlo funzionare!! ciao
@Anonimo: nel mio blog ci sono diversi script e questo non va in conflitto con gli altri. Cmq per qualsiasi chiarimento contattami via chat o email. Io non so come contattarti!
RispondiEliminaCiao Iole, spero di ricevere una risposta anche se intervengo con ritardo nella discussione.
RispondiEliminaHo installato come hai detto tu lo script in un mio blog, tuttavia le immagini continua ad essere visualizzate come prima. Ho installato solo la prima stringa che hai pubblicato.
@Drewes: cosa intendi per "Ho installato solo la prima stringa"?
RispondiEliminaanche io ho installato prima di head javascript code pero' le foto si vedono uguale a prima!?
RispondiElimina@nicole c: cosa intendi per "ho installato prima di head javascript code"? Oltre ad inserire il codice javascript e css nel blog occorre scrivere la sintassi giusta per le foto.
RispondiEliminaIole, ho fatto tutto come hai detto, ma i tooltip mi vengono visualizzati in maniera errata. Puoi aiutarmi?
RispondiEliminaOk, installato e funziona! Solo una cosa mi sfugge... non riesco a trovare il modo per cambiare i colori (nulla contro il rosa eh ;P ma col mio blog penso potrebbero andare meglio altri)... è possibile? ^^
RispondiElimina@Atane River: devi modificare i colori nel file boxover.css
RispondiEliminaCiau Iole!!!
RispondiElimina^^ Dopo aver installato lo scrypt come segnato nelle istruzioni, il mio blog visualizzava i tooltip esattamente come desiderato!
Ho modificato i colori e tutto andava alla perfezione. Ti segnalo però un problema verificatosi poco dopo...
Il caricamento delle pagine è stato significativamente rallentato (10 minuti circa ciascuna... temevo quasi nn mi si aprissero più), cosa che tra l' altro ho riscontrato anche nella sezione chiamata "Elementi pagina" sotto Design.
Ho provato anche con altri browser, ma il problema persisteva. Ho dovuto disinstallare lo scrypt.
Forse va in conflitto con qualcosa?
@Atane River: utilizzo lo script da diverso tempo e non ho mai avuto problemi di conflitto.
RispondiEliminaHo notato che lo script funziona solo dopo che la pagina è stata completamente caricata, ma è questione di pochi secondi (non dieci minuti).