Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Sostituire immagini al passaggio del mouse Opzioni
fioribrembani
Inviato: Tuesday, June 30, 2009 10:02:23 PM

Rank: Newbie

Iscritto dal : 4/27/2009
Posts: 3
Sono veramente stanco di sbattere la testa contro il muro! Sto costruendo in semplice sito e sto realizzando una pagina con una tabella contenente delle immagini piccole sistemate in verticale. Passando sopra il mouse , queste si ingrandiscono regolarmente , ma il guaio e che facendo lo scrollig della tabella , l' immagine ingrandita non sta centrata nello schermo cambia posizione a secondo se il mouse passa su una foto piccola sistemata in alto oppure in basso. Esempio visibile con il link= http://www.fioribrembani.it/Scheda-fiori-di-PROVA.htm . Lo script l' ho scopiazzato e modificato, per questo penso che qualcosa che non va nelle parte head che unisco :

<style type="text/css" class="thumbnail">

.thumbnail{
position: static;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FF33FF;
padding: 5px;
left: -1000px;
border: 1px 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: 35px;
left: 180px; /*position where enlarged image should offset horizontally */

}

body {
margin-left: 45px;
background-color: #000000;
}

Parte body :

<tr bordercolor= "#00FFFF">
<td width="100" height="75"><a class="thumbnail" href=><img src="immagini/arabis-bellidifolia-p.jpg" alt="arabis bellidifolia" width="100px" height="75px" border="0" /><span><img src="immagini/arabis-bellidifolia.jpg"/></span></a></td>
<td align="center" class="Stile4">Arabis <br>
bellidifolia</td>
<td align="center" class="Stile4">Brassicaceae</td>
<td align="center" class="Stile4">Arabetta <br>
minore </td>
<td align="center" class="Stile4">19-6-2007</td>
<td align="center" class="Stile4">Monte Arera<br>
Prealpi Orobie</td>
<td align="center" class="Stile4">2000</td>
</tr>
Ringrazio sentitamente chiunque mi sapra dare una mano !
Brick wall Brick wall Brick wall
Sponsor
Inviato: Tuesday, June 30, 2009 10:02:23 PM

 
ecofive
Inviato: Tuesday, June 30, 2009 10:37:07 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Bellissime le foto e bellissima la musica: Albinoni, Quattro Stagioni ...
Però è un sito pesante da scaricare (chi non ha l'ADSL non riesce a vederlo).
Con Explorer è difficile visualizzare completamente l'immagine ingrandita.
Difficile darti una soluzione, soprattutto a distanza, non avendo sotto mano il codice scopiazzato (a proposito, fare il copia e incolla di codici resi pubblici non è assolutamente un "peccato").
Al limite, cerca una soluzione più semplice: il sito (con la limitazione dei tempi di scaricamento) è valido.
Ciao.
dead
Inviato: Wednesday, July 01, 2009 10:01:43 AM

Rank: AiutAmico

Iscritto dal : 9/20/2004
Posts: 1,347
A me con FF quella pagina si visualizza perfettamente.
Quoto però quanto detto da Eco: la pagina è pesante. Cerca di ridurre al massimo il peso delle foto grandi, ed eventualmente considera di spezzettare in più pagine.


Sono cosi avanti che quando guardo indietro vedo il futuro.
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.