Cliccando sull'immagine si vede ingrandita

**ambuotiz** · 05-12-2005, 13:37

Ho una pagina con varie immagini, vorrei fare in modo che quando i clicca sull'immagine questa si veda ingrandita, l'unico modo è creare una pagina contenente l'immagine ingrandita e linkarla o c'è un modo piu veloce che evita che creo tante pagine quante sono le immagini?

**nuky** · 05-12-2005, 13:55

No, non c'è bisogno.
Puoi linkare direttamente l'immagine:

codice:

<a href="percorsoimmagineGrande.jpg">
  [img]percorsoimmaginePiccola.jpg[/img]
</a>

O se hai bisogno di visualizzarla in una pagina html puoi creare una sola pagina alla quale passare come paramentro l'indirizzo dell'immagine da visualizzare.
Se vuoi fare così e hai bisogno di aiuto chiedi pure.

**ambuotiz** · 05-12-2005, 13:59

Originariamente inviato da nuky
O se hai bisogno di visualizzarla in una pagina html puoi creare una sola pagina alla quale passare come paramentro l'indirizzo dell'immagine da visualizzare.

In questo caso come faccio?

**nuky** · 05-12-2005, 14:04

Il link diventa così:

codice:

<a href="PaginaCheApreImmagini.htm?immagine=percorso.jpg">
  <img serc="piccola.jpg">
</a>

E la PaginaCheApreImmagini.htm

la fai così:

codice:

<head>
  <script type="text/javascript">
    if(location.search) {
      // Leggo la query string escludendo il carattere iniziale
      // Es: "?immagine=percorso.jpg"
      var qString = location.search.substr(1);
      
      // Si legge il valore a destra dell'uguale
      var immagine = qString.split("=")[1];
    }
  </script>
</head>
<body>
  <script type="text/javascript">
  document.write("[img] + immagine + [/img]");
  </script>
</body>

I commenti spiegano il funzionamento.
Dovrebbe funzionare.

**ambuotiz** · 10-12-2005, 14:30

Ho scritto così:
La pagina che contiene le foto piccole sta nella cartella ilclub\ilclub.htm in questa pagina ho sritto: <a href="PaginaApriFoto.htm?immagine=../ilclub/immagini/01_10.jpg">
[img]../ilclub/immagini/01_10.jpg[/img]

nella stessa cartella ho messo la pagina: PaginaApriFoto.htm con questo codice: </SCRIPT>
<script type="text/javascript">
if(location.search) {
// Leggo la query string escludendo il carattere iniziale
// Es: "?immagine=percorso.jpg"
var qString = location.search.substr(1);

// Si legge il valore a destra dell'uguale
var immagine = qString.split("=")[1];
}
</script>

Quando clicco sull'immagine piccola, si apre la pagina: PAginaApriFoto ma non riesce a caricare la foto ingrandita, sulla barra degli indirizzi appare questo: xxxxxxxxx/ilclub/paginaApriFoto.htm?immagine=immagini/01_10.jpg

**findboat** · 13-12-2005, 18:35

caro nuky, potresti separare i commenti dalle stringhe?perche' cosi' non si riesce a capire, forse sono io duro..ma abbi pazienza sono alle prime armi..

**nuky** · 14-12-2005, 09:19

Non avevo visto la risposta di ambuotiz.
Lo script ricava il percorso dell'immagine relativo a PaginaApriFoto.htm (che hai passato tramite il link).
Poi l'immagine devi inserirla con l'altra parte di script nel body:

codice:

  <script type="text/javascript">
  document.write("[img] + immagine + [/img]");
  </script>

@findboat
I commenti sono sulle righe che iniziano con i caratteri //

codice:

  <script type="text/javascript">
    if(location.search) {
      // Commento
      // Commento
      var qString = location.search.substr(1);
      
      // Commento
      var immagine = qString.split("=")[1];
    }
  </script>

Discussione: Cliccando sull'immagine si vede ingrandita

Strumenti discussione

Ricerca discussione

Visualizza

Cliccando sull'immagine si vede ingrandita

Permessi di invio