-
thumbnail image
salve a tutti ragazzi quando ero sul vecchio circuito avevo nella home una bacheca dove esponevo gl'ultimi lavori eseguiti nel forum ed erano previev immagini.
Ho provato a cercare tanti bbcode thumb ma nessuno si avvicina neanche mimimamente a questo tipo di thumb che servirebbe a me :) in pratica era composto da due immagini una piccola e l'altra grande che quando ci passavi su con il mouse ti ingrandiva la figura automaticamente.
il codice che usavo era questo che era scritto nei css del forum
Codice:
.thumbnail {position: relative; z-index: 0}
.thumbnail:hover {background-color: transparent; z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0;
padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible;
top: -50;
left: -150px}
mentre questo qui veniva scritto nella home page del sito
Codice:
<!-- INIZIO TABELLA LAVORI -->
<td class="ww"><center>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img14.imageshack.us/img14/7728/villav4p.png"><span><img src="http://img294.imageshack.us/img294/5800/villav4.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> VILLA </b>
<br></p>
</span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img263.imageshack.us/img263/4131/arbeloav2p.png"><span><img src="http://img263.imageshack.us/img263/3479/arbeloav2.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> ARBELOA </b>
<br></p>
</span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img263.imageshack.us/img263/5152/huntelaarp.png"><span><img src="http://img263.imageshack.us/img263/9444/huntelaar.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> HUNTELAAR </b>
<br></p>
</span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img10.imageshack.us/img10/6716/miccoliv2p.png"><span><img src="http://img10.imageshack.us/img10/171/miccoliv2.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> MICCOLI </b>
<br></p>
</span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img12.imageshack.us/img12/3337/vanbommelp.png"><span><img src="http://img12.imageshack.us/img12/1842/vanbommel.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> VAN BOMMEL </b>
<br></p>
</span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img12.imageshack.us/img12/6661/tymoshukp.png"><span><img src="http://img12.imageshack.us/img12/3289/tymoshuk.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> TYMOSHUK </b>
<br>
</p></span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img12.imageshack.us/img12/1221/knezevicp.png"><span><img src="http://img12.imageshack.us/img12/5136/knezevic.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> KNEZEVIC </b>
<br></p>
</span></a>
<a class="thumbnail" href="?f=3690177" target="_blank"><img src="http://img12.imageshack.us/img12/3930/gourcuffp.png"><span><img src="http://img12.imageshack.us/img12/8424/gourcuffu.png" BORDER=0>
<br>
<p align="center"><font color=#FFFFFF><b> GOURCUFF </b>
<br></p></span></a></td>
<!-- FINE TABELLA LAVORI -->
c'e qualche anima di buon cuore che riuscirebbe ad adattarmelo per utilizzarlo su un alterforum anche sotto forma di bbcode l'importante e che funzioni :) mi e indispensabile per il tipo di lavoro che eseguo nel forum e non so proprio come risolvere, quel po che ho trovato sono tutti thumbpop
se casomai vi serve vederlo visivamente il risultato di questo codice lo trovate QUI mio vecchio sito ormai abbandonato, scendete sotto la bacheca e vedrete delle immagini di calciatori passate su con il mouse ed avrete il risultato che mi occorre :)
spero in voi ragazzi io sono proprio limitato non saprei come farlo
P.S. chiedo scusa allo staff se considerate spam il sito ma ho dovuto linkarlo per far capire qual'era il risultato del codice, se ritenete opportuno cancellate pure il link
-
Mi pare che devi cercare con google delle fotogallery con funzione jquery.
-
gia che c'eri potevi dirmi un nome a cui fissare un mio punto di partenza :D cmq grazie per la risposta, almeno e arrivata una notizia che qualcosa esiste :)
