Allineare immagine al centro [era: AIUTO tag immagini]

Printable View

26-10-2006, 18.30.17

Allineare immagine al centro [era: AIUTO tag immagini]

<script language="javascript" type="text/javascript">
var a=0;
var immagine1="Gallery/Foto/Bloom4.jpg";
var immagine2="Gallery/Caricature/Bloom.gif";

function cambia(img){
if(a==0){
img.src="Gallery/Caricature/Bloom.gif";
a=1;
}else{
img.src="Gallery/Foto/Bloom4.jpg";
a=0;
}
}
</script>

<img src="Gallery/Foto/Bloom4.jpg" onclick="cambia(this)" hspace="80" align="right" border="7">

Questo è un tag che ho nel mio sito per vedere una 2° immagine subito dopo aver cliccato sulla prima e ritornare indietro alla prima... nel tag sottolineato di rosso ho centrato la 1 immagine dove voglio io (vedi coordinate).. però la 2° quando si apre, si apre nell'angolo a destra della 1° immagine .. in che punto di questo tag (azzurro) posso dare le coordinate alla 2° immagine??? grazie
26-10-2006, 18.32.22
funcool

Modifica il tag img in questo modo:

Codice HTML:

<div style="text-align:center;"><img src="Gallery/Foto/Bloom4.jpg" onclick="cambia(this)" border="7" /></div>

P.S.: Modifico il titolo.
26-10-2006, 18.33.51

ok ci provo.. grazie

EDIT: tutto ok.. però la 1° immagine ora è centrata nella pagina.. io le avevo adto delle coordinate precise..
26-10-2006, 18.40.22
funcool

Dove deve stare la prima immagine?

P.S.: Non scrivere due messaggi consecutivi, usa il tasto Edita.
27-10-2006, 09.34.27

Se guardi il primo mex l'ho sottolineato in rosso.. la 1° immagine deve stare.. allineata a destra spostata di 80 non so cosa.. penso pixel.. la seconda immagine quando la apro, prende i comandi della prima e si apre avendo in comune con la prima, l'angolo in alto a destra.. dato che la 2° immagine è più piccola, io vorrei se è possibile centrarla nel centro della prima immagine.. immagina due scatole una dentro all'altra dove i bordi della scatola interna non toccano con quelli della prima.. per questo chiedevo se nel lungo tag del primo mex ci fosse un punto in cui posso dare le coordinate per centrare la 2° immagine.. ciao e grazie di tutto quello che stai facendo per sopportarmi..
27-10-2006, 10.31.19
funcool

Mi sembra che tu voglia che la prima immagine resti, giusto?
Se è così basta fare così:

Codice HTML:

<div style="position:relative;"><img src="Gallery/Foto/Bloom4.jpg" onclick="document.getElementById('immagine2').style.display='';" style="position:absolute; top:80px; right:0; border:7px;" /> <img src="Gallery/Caricature/Bloom.gif" style="position:absolute; margin:auto; display:none;" /></div>
27-10-2006, 10.46.41

Non mi compare più la seconda immagine.. ho copiato il tag tale quale.. devo sostituire qualcosa?
27-10-2006, 10.50.56
funcool

Se clicchi sulla prima immagine non compare la seconda immagine?

P.S.: Definizione di tag.
27-10-2006, 10.53.33

No non compare più...

Codice HTML:

<script language="javascript" type="text/javascript"> var a=0; var immagine1="Gallery/Foto/Bloom4.jpg"; var immagine2="Gallery/Caricature/Bloom.gif"; function cambia(img){ if(a==0){ img.src="Gallery/Caricature/Bloom.gif"; a=1; }else{ img.src="Gallery/Foto/Bloom4.jpg"; a=0; } } </script> <pre> <font size="3"> <div style="position:relative;"><img src="Gallery/Foto/Bloom4.jpg" onclick="document.getElementById('immagine2').style.display ='';" style="position:absolute; top:10px; right:130; border:7px;" /><img src="Gallery/Caricature/Bloom.gif" style="position:absolute; margin:auto; display:none;" /></div>
27-10-2006, 10.57.48
funcool

Ho dimenticato un pezzo:

Codice HTML:

<div style="position:relative;"><img src="Gallery/Foto/Bloom4.jpg" onclick="document.getElementById('immagine2').style.display ='';" style="position:absolute; top:80px; right:0; border:7px;" /> <img src="Gallery/Caricature/Bloom.gif" id="immagine2" style="position:absolute; margin:auto; display:none;" /></div>

Questo pezzo lo puoi cancellare:

Codice HTML:

<script language="javascript" type="text/javascript"> var a=0; var immagine1="Gallery/Foto/Bloom4.jpg"; var immagine2="Gallery/Caricature/Bloom.gif"; function cambia(img){ if(a==0){ img.src="Gallery/Caricature/Bloom.gif"; a=1; }else{ img.src="Gallery/Foto/Bloom4.jpg"; a=0; } } </script>

P.S.: Quando scrivi dei pezzi di codice nel forum, inseriscilo tra i tag appositi.
27-10-2006, 11.05.06

ora quando clicco sulla prima immagine questa rimane fissa a destra.. e la seconda si apre a sinistra.. così rimangono visualizzate tutte e due.. invece la seconda deve prendere il posto della prima.. al suo interno per capirci..
27-10-2006, 11.09.21
funcool

Codice HTML:

<div style="position:relative;"><img src="Gallery/Foto/Bloom4.jpg" id="immagine1" onclick="document.getElementById('immagine2').style.display=''; this.style.display='none';" style="position:absolute; top:80px; right:0; border:7px;" /> <img src="Gallery/Caricature/Bloom.gif" id="immagine2" onclick="document.getElementById('immagine1').style.display=''; this.style.display='none';" style="position:absolute; margin:auto; display:none;" /></div>
27-10-2006, 11.13.24

ora non si vede nemmeno la prima immagine.. ti sto facendo diventare pazzo...

ora si vede la prima immagine e se clicco su questa compare la seconda (la prima sparisce)... però la seconda compare a sinistra non compare nel punto della prima

Funcool.. tu sei un genio... ce l'ho fatta.. sei un grandeeeeeeeeeee!!!!!!!!!!!!!!
27-10-2006, 11.20.09
funcool

Non so se hai notato che il forum ha aggiunto degli spazi da solo (per esempio tra display e =), toglili.
27-10-2006, 11.30.41

Grazie ancora.. l'ultima cosa.. è una domanda veloce veloce.. non apro una nuova discussione.. quando porto le immagini sulla mia cartella internet da mettere nel mio sito c'è anche un'icona con scritto thumbs.db. cosa è?? devo lasciarla o devo cancellarla??

è stata una gioia momentanea... la prima e la seconda immagine compaiono dove voglio io come ti ho chiesto.. solo che adesso compaiono una sopra l'altra.. se hai tempo e voglia guarda un attimo il mio sito alo86.altervista.org.. alla pagina di orlando bloom vedrai cosa intendo.. grazie ancora.. ciao piccolo grande genio..
27-10-2006, 11.39.09
funcool

Il file thumbs.db lo puoi cancellare tranquillamente, è un file che serve a Windows e al tuo sito non serve.
27-10-2006, 11.43.58

è stata una gioia momentanea... la prima e la seconda immagine compaiono dove voglio io come ti ho chiesto.. solo che adesso compaiono una sopra l'altra.. se hai tempo e voglia guarda un attimo il mio sito alo86.altervista.org.. alla pagina di orlando bloom vedrai cosa intendo.. grazie ancora.. ciao piccolo grande genio..
27-10-2006, 11.49.24
funcool

Hai cancellato display:none; nella seconda immagine. Copia il codice che ho scritto io.
27-10-2006, 12.01.40

ok dopo mille fatiche che ti ho fatto spendere ti ringrazio profondamente.. ho visto il tuo sito.. davvero bello.. il contatore delle visite dove lo hai preso cosi piccolo?.. lo volevo anche io.. ti dice anche quanti utenti sono collegati.. ce ne sono simili?? scusa per la domanda anche se non rientra nella nostra discussione.. dove posso trovarli??

Ps: quelli che propone altervista non mi piacciono..
27-10-2006, 12.08.10
funcool

L'ho preso da qui.

Visto che hai risolto e che si continua ad andare off topic, chiudo!