bottone immagine o immagine link?

**walkingman** · 07-12-2013, 04:19

Ciao a tutti,

mi sono appena iscritto e, da come potrete constatare, sono alle prime armi. Vengo subito al dunque.

Sto cercando di esercitarmi generando un piccolo sito personale, in una di queste pagine ho intenzione di mettere un elenco di foto e vorrei poterle rendere dei bottoni che mi riconducano alla stessa foto ma in formato più grande.
Come posso fare?

questa è l'attuale sintassi che ho scritto:

<body bgcolor="#ffffff>

<p>
<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\addio-all'estate.jpg" border="0" width="120" height="121" align="left">
</a>
</p>
<p>
<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\domino.jpg" border="0" width="167" height="121" align="bottom">
</a>
</p>
<p>
<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\flipper.jpg" border="0" width="273" height="121" align="bottom">
</a>
</p>
<p>
<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\swimming-pool.jpg" border="0" width="149" height="120" align="bottom">
</a>
</p>
<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\IMG.jpg" border="0" width="120" height="120" align="bottom">
</a>

<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\IMG_0002.jpg" border="0" width="120" height="121" align="bottom">
</a>

<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\IMG_0003.jpg" border="0" width="120" height="121" align="bottom">
</a>

<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008">
<img src="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008\IMG_0005.jpg" border="0" width="120" height="120" align="bottom">
</a>

</body>

Come posso fare? vorrei rendere le immagini cliccabili e far apparire l'immagine ingrandita oppure far aprire una nuova pagina, magari mettendo sotto la stessa delle freccette che facciano scorrere direttamente l'elenco delle immagini ingrandite. Con questa sintassi attuale se clicco su una delle immagini mi fa vedere il percorso delle cartelle fatto per trovare le immagini.

Grazie. Walkingman.

**Nobody33** · 07-12-2013, 16:32

Per fare apparire le immagini ingrandite nella stessa pagina ti serve javascript.

Vedi QUI

In linea generale, tutto ciò che vedi animato su internet, è al 90% javascript (non JAVA; è un altra cosa)

Per aprire invece una nuova finestra, basta che aggiungi target="_blank" al link.

Esempio:

codice:

<a href="C:\Users\Alessandro\Desktop\Prova Pagina HTML\Archivio Immagini\2008" target="_blank">Vedi la foto</a>

Non dimenticare l'underscore prima di blank !

**walkingman** · 10-12-2013, 13:16

Grazie.
In pratica devo creare un nuovo file e copiarci questa dicitura:

<script type="text/javascript">

</script>

e poi usare la dicitura: <a href="javascript:Popup('mioFile.htm')">Apri la popup</a> nel mio file html. ma se così fosse con quale estensione devo salvare il primo file?

Discussione: bottone immagine o immagine link?

Strumenti discussione

Ricerca discussione

Visualizza

bottone immagine o immagine link?

Permessi di invio