AIUTO! codice HTML

[Gaetanocaruso]

Immagine.jpg

Potete aiutarmi a generare il codice html per creare due pulsanti per la modifica che vi descrivo sopra?......

A settembre devo piazzare una seconda Webcam panoramica....nella pagina web voglio lasciare la scelta all'utente con due pulsalti.

GRAZIE!

[Dark84]

Ciao!
Ti posso dare questa soluzione con javascript,copia ed incolla questo codice

<script type="text/javascript">

function change(largeURL){

 document.getElementById("viewer").src = largeURL;
 }

</script>
<table>
<tr>
 <td>
<a href="javascript:void(0);" onclick='change("url webcam1.jpg");'>Webcam 1</a>
<a href="javascript:void(0);" onclick='change("url webcam2.jpg");'>Webcam 2</a>
 </td>
</tr>
<tr>
 <td>
  <img width="100%" id="viewer" src="url webcam che vuoi vedere di default">
 </td>
</tr>
</table>

[Gaetanocaruso]

Devo sostituire il codice attuale con quello inviato da Te (Dark84)?

[Dark84]

Copiami ed incollami il codice che ora usi per quella pagina

[Gaetanocaruso]

<div id="sidebar">

<div class="separated">
<h4 class="real">Webcam in tempo reale</h4>

<a href="http://www.meteosortino.it/webcam/cam.jpg?0" class="highslide"
onclick="return hs.expand(this)">
<img src="http://www.meteosortino.it/webcam/cam.jpg?0"
width="290"/>
</a>
<p id="archivio_web_button"><a
href="Stazione Meteo Sortino" title="Archivio Webcam">Archivio immagini
webcam</a></p>
</div>

<div class="separated" style="margin-left:20px;">
<script type="text/javascript"><!--



Qui in + leggi anche il pulsante dell'archivio immagini, nella pagina attuale dell'archio webcam dobbiamo vedere contemporaneamente i due archivi.....

[Dark84]

Vedo che usi highslide..in questo caso non so come far convivere le 2 cose,come vedi sono 2 funzioni onclick ch io utlizzo per far vedere le 2 immagini della webcam.mentre l'altra è per highslide,in questo caso non so come poter fare,aspettiamo qualcuno più esperto!

[bufera]

Vedo che usi highslide..in questo caso non so come far convivere le 2 cose,come vedi sono 2 funzioni onclick ch io utlizzo per far vedere le 2 immagini della webcam.mentre l'altra è per highslide,in questo caso non so come poter fare,aspettiamo qualcuno più esperto!

basta inserire il class highslide nel tuo <a....>

[Gaetanocaruso]

Sono in attesa di soluzione! Grazie

[Dark84]

Prova cosi Gaetano!

<script type="text/javascript">  function change(largeURL){   document.getElementById("viewer").src = largeURL;  }  
</script> 
<table>
 <tr>
  <td>
 <a class="highslide" href="javascript:void(0);" onclick='change("url webcam1.jpg");'>Webcam 1</a> 
<a class="highslide" href="javascript:void(0);" onclick='change("url webcam2.jpg");'>Webcam 2</a>  
</td>
 </tr>
 <tr>
  <td>
   <img width="100%" id="viewer" src="url webcam che vuoi vedere di default">  
</td>
 </tr>
 </table>
<p id="archivio_web_button"><a href="Stazione Meteo Sortino" title="Archivio Webcam">Archivio immagini 
webcam</a></p>
</div>
 
<div class="separated" style="margin-left:20px;"> 
<script type="text/javascript"><!--

[Gaetanocaruso]

In parte funziona! ma si crea un gran caos.....