Modifica slideshow [era: Aiuto urgente per una javascript!]

**esseci** · 08-10-2003, 09:14

Buongiorno,
sto utilizzando, per un sito da me realizzato, una delle "javascript a settimana" che mi arrivano via mail e precisamente la "Settimana 214 - jscript 26/05/03 - SLIDESHOW AVANZATO"
Purtoppo non riesco ad utilizzare la jscript perchè, appena inserisco più di 4 foto, non mi appare più la casella con il nome delle foto e non scorrono più neanche quelle esistenti. Vi chiedo per favore di aiutarmi a capire qual'è il problema e come risolverlo, io ho provato, ma non mi intendo molto di linguaggio javascript !!
La richiesta è urgente perché al cliente che mi ha commissionato il lavoro avevo già fatto vedere un esempio ma solo … con 4 foto!!!
Grazie in anticipo per qualsiasi aiuto possiate darmi.

**br1** · 08-10-2003, 09:23

Benvenuto sul forum.

Ti invito, nell'attesa di una soluzione al tuo problema, a leggere il regolamento.

ciao

ps: sii piu' circostanziato nella descrizione del problema: non sappiamo come hai apportato le modifiche e, non postando il codice, ci costringi a ricercare lo script di cui parli...

**esseci** · 08-10-2003, 10:04

Grazie per il consiglio e scusate, ma l'urgenza mi ha spinto a fare le cose affrettate.
Qui di seguito la Javascript "incriminata"!
Ripeto il problema, inserisco le mie foto ma non riesco ad inserire più di 4 foto, alla 5° si blocca e non funziona più niente.

Grazie!

settimana 214 - 26 maggio 2003

-------------------------
| SLIDESHOW AVANZATO |
-------------------------

- SCHEDA TECNICA -

GENERE: immagini
DESCRIZIONE: slideshow avanzato con comandi
COMPATIBILITA': Explorer 5.x, Netscape 6.x
USO FILE ESTERNI: no
FILE ALLEGATO: "jscript_260503.zip"

>>>>>>>>>>>>>>>> esempio.htm <<<<<<<<<<<<<<<<<<

Inseriamo il codice javascript tra i tag <head> della pagina:

---------------------------------------------------------------
<script Language="Javascript">

</script>
---------------------------------------------------------------

La personalizzazione è estremamente semplice. Per ogni foto dovremo creare 4 array contenenti rispettivamente:
- il percorso che porta alla foto
- il nome da dare alla foto
- la data della foto
- la descrizione della foto

Al contrario di quanto siamo abituati a fare, questi array non andranno numerati ma basterà semplicemente duplicarli in base al numero di foto che vogliamo inserire. (E' PROPRIO QUESTO CHE NON RIESCO A FARE!!!)

Ecco un esempio per una sola foto:

PicVal[PicVar] = "FOTO.JPG";
TitVal[PicVar] = "NOME_FOTO";
DatVal[PicVar] = "DATA";
TxtVal[PicVar++] = "DESCRIZIONE";

Per aggiungere altre immagini basterà copiare le quattro righe appena viste e personalizzare il contenuto. (L'HO FATTO MA NON FUNZIONA)

A questo punto, nel corpo della pagina, inseriamo la tabella contenente il form per scorrere le immagini:

---------------------------------------------------------------
<table border=0 width=100% cellpadding=0 cellspacing=0>
<FORM NAME="form_foto">
<tr align=center>
<td height=30>
<input type=button value=".: Precedente :." onClick="Previous_foto();" class="bottoni">
<input type=button value=".: Prossima :." onClick="Next_foto();" class="bottoni">
<input type=button value=".: Random :." onClick="Random_foto();" class="bottoni">
</td></tr>
<tr align=center><td height=30>
<script language=javascript>

</script>
</td></tr>
<tr align=center>
<td>
[img]img/foto1.jpg[/img]
</td>
</tr>
<tr align=center>
<td height=30>
<input type=text name="data_foto" value="26/05/2003" size=18 onFocus="this.blur()" class="tendina">
</td></tr>
<tr align=center><td height=90>
<TEXTAREA name="testo_foto" ROWS=5 COLS=45 WRAP="no" onFocus="this.blur()"
class="tendina">
Seleziona una delle foto dal menù a tendina
</TEXTAREA>
</td>
</tr>
</FORM>
</table>
---------------------------------------------------------------

Questo codice non richiede grosse modifiche, se non a livello estetico. L'unica cosa, molto importante, a cui stare attenti è non cambiare l'attributo "name" agli elementi del form.
Mi riferisco, in particolare, a :

<FORM NAME="form_foto">

<input type=text name="data_foto" value="xxxxx" size=18>

<TEXTAREA name="testo_foto" ROWS=5 COLS=45 WRAP="no">xxxx</TEXTAREA>

Una volta personalizzata esteticamente la pagina dovremo impostare la prima immagine da caricare. Solitamente questa foto è la stessa impostata nel primo array del codice javascript. Quindi:

---------------------------------------------------------------
[img]img/foto1.jpg[/img]
---------------------------------------------------------------
(OK, L'HO FATTO)

Questa foto, a cui non va cambiato l'attributo id, imposta le dimensioni anche per le immagini successive (in questo caso 200 x 200).

Se volete visualizzare il numero complessivo di foto presenti nel vostro slideshow basterà incollare questa stringa a fondo pagina:

---------------------------------------------------------------
<SCRIPT Language="Javascript">document.write("<font face='verdana'>L'album contiene " + PicVar + " foto</font>");</script>
---------------------------------------------------------------

Altre modifiche non sono necessarie.

... EPPURE CON PIU' DI 4 FOTO NON FUNZIONA!!! AIUTO!!

Discussione: Modifica slideshow [era: Aiuto urgente per una javascript!]

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto urgente per una javascript!

Ecco la javascript da modificare

Permessi di invio