Visualizzazione immagini con le variabili

**Pagnottazzo** · 25-01-2006, 09:57

Buongiorno a tutti.

Avrei il seguente problema. Supponiamo che la mia pagina HTML contenga il seguente codice:

<SCRIPT>
nome1 = "immagine1.jpg"
nome2 = "immagine2.jpg"
nome3 = "immagine3.jpg"
nome4 = "immagine4.jpg"
</SCRIPT>

Ho creato 4 variabili contenenti i nomi delle rispettive immagini. Come faccio adesso a dirgli di visualizare le immagini contenute in quelle variabili?

E come faccoi a disporre tali immagini dentro una tabella?

Grazie mille per l'aiuto, Pagnottazzo.

**lorenzos** · 25-01-2006, 10:54

Sezione sbagliata...

Dunque, se lavori in php devi fare così:

supponiamo che
$1 = 1.gif
$2 = 2.gif
$3 = 3.gif
$4 = 4.gif

[img]<?php echo[/img]" />

**Pagnottazzo** · 25-01-2006, 11:23

Grazie per l'aiuto.

Una domanda: $1, $2, $3, $4 sono i nomi delle variabili?

qual e' la sezione giusta?

**lorenzos** · 25-01-2006, 11:58

Se sei in php è php

Comunque si, sono i nomi delle variabili e ciò che c'è dopo = e prima di ; è il loro valore...

**nuky** · 25-01-2006, 12:06

Visto che stai parlando di javascript la soluzione potrebbe essere quella di inserire le immagini con una document.write.

codice:

<SCRIPT> 
  nome1 = "immagine1.jpg" 
  nome2 = "immagine2.jpg" 
  nome3 = "immagine3.jpg" 
  nome4 = "immagine4.jpg" 
</SCRIPT> 
<body>
<table>
  <tr>
    <td>
      <script>
        document.write("[img]" + nome1 + "[/img])
      </script>
    </td>
    <td>
      <script>
        document.write("[img]" + nome2 + "[/img])
      </script>
    </td>
...
...

Oppure inserisci delle immagini non visibili con src vuoto e poi sull'onload della pagina vai a sostituire l'src.

codice:

<style>
  img{visibility:hidden;}
</style>
<script>
  nome1 = "immagine1.jpg";
  nome2 = "immagine2.jpg";
  nome3 = "immagine3.jpg";
  nome4 = "immagine4.jpg";

  function CricaImg() {
    document.getElementById("img1").src = nome1;
    document.getElementById("img1").style.visibility = 'visible';

    document.getElementById("img2").src = nome2;
    document.getElementById("img2").style.visibility = 'visible';
  }
</script>
<body onload="CricaImg()">
<table>
  <tr>
    <td>
      <img id="img1" />
    </td>
    <td>
      <img id="img2" />
    </td>

Ovviamente il codice scritto è solo un'indicazione, sta poi a te adattarlo alle tue esigenze.

**lorenzos** · 25-01-2006, 12:14

Mi sembra che sia tanto codice inutile, la to server diventa più facile e veloce...

(ma ammetto la mia ignoranza su javascript...

)

**nuky** · 25-01-2006, 12:22

Originariamente inviato da lorenzos
Mi sembra che sia tanto codice inutile, la to server diventa più facile e veloce...

(ma ammetto la mia ignoranza su javascript...

)

Non ha spiegato bene cosa deve fare, se le immagini deve cambiarle dinamicamente dopo aver già caricato la pagina deve farlo con js (sempre che non voglia ricaricare la pagina) e inoltre non ha detto di avere a disposizione un linguaggio lato server.

E poi non è tanto codice, se vedi dal primo esempio è una soluzione molto simile a quella lato server, cambia solo che il percorso dell'immagine è in una variabile client (situazione di Pagnottazzo)e non server.

Discussione: Visualizzazione immagini con le variabili

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione immagini con le variabili

Permessi di invio