onclick immagine random con testo non random

user

Utente Attivo
15 Set 2008
38
0
6
buongiorno

Io ho questo script che mi sono cercato che stampa una immagine che cliccando cambia.
Vorrei sempicemente aggiungere che, a seconda l'immagine random che appare,
sotto l'immagine scriva anche un certo testo a seconda l'immagine che è comparsa
(testo invisibile, anzi, semplicemente stesso colore dello sfondo, ma questo non è importante)

L'era Glaciale 3: L'alba Dei Dinosauri streaming
Harry Potter E Il Principe Mezzosangue streaming
Un'estate Ai Caraibi streaming
Biancaneve E Gli 007 Nani streaming
La Ragazza Del Mio Migliore Amico streaming
Sex Movie In 4d Sex Drive streaming
Transformers La Vendetta Del Caduto streaming
Angeli E Demoni streaming
Yes Man streaming
Una Notte Al Museo 2 La Fuga streaming
Bastardi Senza Gloria streaming
Uomini Che Odiano Le Donne streaming
The Final Destination streaming
Le Mie Grosse Grasse Vacanze Greche streaming
Segnali Dal Futuro streaming
2012 L'Avvento Del Male streaming
Up streaming
G.I.Joe La Nascita Dei Cobra streaming
Orphan streaming
Baarìa La Porta Del Vento streaming
Funny People streaming
Halloween 2 streaming
Ricatto D'amore streaming
Brüno streaming
The Thaw streaming
Winged Creatures Il Giorno Del Destino streaming
I Love Radio Rock streaming
Adventureland streaming
La Custode Di Mia Sorella streaming
Immagina Che streaming
14 Anni Vergine streaming
Metal Gear Solid: Philanthropy streaming
Outlander L'ultimo Vichingo streaming
-2 Livello Del Terrore streaming
La Battaglia Dei Tre Regni streaming
Il Caso Dell'infedele Klara streaming
Nemico Pubblico Public Enemies streaming
17 Again Ritorno Al Liceo streaming
Una Notte Da Leoni streaming
Pelham 1 2 3 Ostaggi In Metropolitana streaming
La Rivolta Delle Ex streaming
S. Darko streaming
Obsessed streaming
Il Grande Sogno streaming
Chéri streaming
Scuola Per Canaglie streaming
Niente Velo Per Jasira streaming
12 Round streaming
Antichrist streaming
G-Force: Superspie In Missione streaming
Atlantis L'impero Perduto streaming
Drag Me To Hell streaming
Notorious streaming
300 streaming
100 Ragazze streaming
Fighting streaming
Basta Che Funzioni Whatever Works streaming
Fa' La Cosa Sbagliata The Wackness streaming
District 9 streaming
Killshot streaming
Un Amore All'Improvviso streaming
Terminator Salvation streaming
Book Of Blood streaming
Coraline E La Porta Magica streaming
2 Single A Nozze streaming
Twilight streaming
15 Minuti Follia Omicida A New York streaming
St. Trinian's streaming
Harry Potter E L'ordine Della Fenice streaming
Young People Fucking streaming
4 4 2 Il Gioco Piu Bello Del Mondo streaming
Videocracy Basta Apparire streaming
20 Centimetri streaming
Hitman L'assassino streaming
Automaton Transfusion streaming
Fame Saranno Famosi streaming
Ammesso streaming
Sul Lago Tahoe streaming
Miss Marzo streaming
20000 Leghe Sotto I Mari streaming
3 Piccole Pesti streaming
Alieni In Soffitta streaming
3ciento Chi L'ha Duro... La Vince streaming
A Night At The Roxbury streaming
Il Mistero Della Pietra Magica streaming
The Longshots Una Squadra Molto Speciale streaming
1408 streaming
Religiolus streaming
10000 Ac streaming
007 Una Cascata Di Diamanti streaming
La Misma Luna streaming
Aiuto streaming
007 Licenza Di Uccidere streaming
X Men Le Origini: Wolverine streaming
2 Fast 2 Furious streaming
Whiteout Incubo Bianco streaming
21 Grammi streaming
Yamakasi I Nuovi Samurai streaming
The Informant! streaming
Le Colline Hanno Gli Occhi streaming
 
Ultima modifica:

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
Crea un altro array e, a seconda dell'immagine che carica, dai al testo lo stesso item dell'array dell'immagine.

Ad esempio:

immagine[2] = "pippo.gif";
testo[2] = "Pippo";

Crea poi un div:

<div id="testo"></div>

e scrivici cosi:

dovument.getElementById("testo").innerText = "item dell'array..."
 

user

Utente Attivo
15 Set 2008
38
0
6
ti ringrazio lukeonweb ora ci provo purtroppo non conosco i linguaggi, non è che mi puoi fare un esempio?
 

user

Utente Attivo
15 Set 2008
38
0
6
assolutamente no. L'ho cercato su internet.
Il problema è che ne ho bisogno perchè cerco di cambiare un immagine senza fare il refresh della pagina.
Ma di questo linguaggio non conosco essenzialmente nulla. Ieri notte sono rimasto fino alle 3 a provare :-|
 

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
Scusa... al posto di "cercato" ho letto "creato", perdonami :)

Vedi un po se questa soluzione ti soddisfa:

<script type="text/javascript">
var IMG = new Array();
var TXT = new Array();
IMG[0] = "1.jpg";
TXT[0] = "Uno";
IMG[1] = "2.jpg";
TXT[1] = "Due";
var RND = Math.floor(Math.random() * IMG.length);
document.write("<img src='" + IMG[RND] + "'><br><br>");
document.write(TXT[RND]);
</script>

Fammi sapere ;)
 

user

Utente Attivo
15 Set 2008
38
0
6
Ti ringrazio lukeonweb, lo script va bene il problema è che a me serve che cliccando sull'immagine passi a un altra immagine (con sotto scritta abbinata) random. E' il motivo per cui non ho scelto php per farlo. Il mio scopo era evitare il refresh della pagina al visitatore. Avrei dovuto specificare meglio questa cosa sul titolo!
 
Ultima modifica:

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
Prova cosi:

<script type="text/javascript">
function ImmagineCasuale()
{
var IMG = new Array();
var TXT = new Array();
IMG[0] = "1.jpg";
TXT[0] = "Uno";
IMG[1] = "2.jpg";
TXT[1] = "Due";
var RND = Math.floor(Math.random() * IMG.length);
document.getElementById("div_img").innerHTML = "<img src='" + IMG[RND] + "'><br><br>";
document.getElementById("div_txt").innerHTML = TXT[RND];
}
</script>

<body onload="ImmagineCasuale()">

<a href="javascript:void(0)" onclick="ImmagineCasuale()">Cambia Immagine</a>

<br><br>

<div id="div_img"></div>
<div id="div_txt"></div>
 

user

Utente Attivo
15 Set 2008
38
0
6
E' perfetto! Grazie! Io lo so un giorno il mondo sarà dominato dai programmatori!

è possibile saltare lo [0]? perchè io le immagini le chiamerò 1.jpg, 2.jpg ecc soltanto che così coincidano numero e nome immagine
Ripensandoci non è importante perchè posso sempre partire nominandole da 0

Grazie mille ancora per la disponibilità!
 

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
E' perfetto! Grazie! Io lo so un giorno il mondo sarà dominato dai programmatori!

Lo spero...

è possibile saltare lo [0]? perchè io le immagini le chiamerò 1.jpg, 2.jpg ecc soltanto che così coincidano numero e nome immagine
Ripensandoci non è importante perchè posso sempre partire nominandole da 0

Bravo figliuolo!

Grazie mille ancora per la disponibilità!

Di nulla ;)
 

user

Utente Attivo
15 Set 2008
38
0
6
ho un ultimo problema. con firefox lo script è apposto. con explorer
non mi carica l'immagine. nel senso devo cliccare col destro su dove dovrebbe visualizzare l'immagine e premere "mostra immagine".
Penso che si tratta di un problema di preload o sbaglio?
devo inserire una cosa come IMG[0]= new Image(0); ?


L'era Glaciale 3: L'alba Dei Dinosauri streaming
Harry Potter E Il Principe Mezzosangue streaming
Un'estate Ai Caraibi streaming
Biancaneve E Gli 007 Nani streaming
La Ragazza Del Mio Migliore Amico streaming
Sex Movie In 4d Sex Drive streaming
Transformers La Vendetta Del Caduto streaming
Angeli E Demoni streaming
Yes Man streaming
Una Notte Al Museo 2 La Fuga streaming
Bastardi Senza Gloria streaming
Uomini Che Odiano Le Donne streaming
The Final Destination streaming
Le Mie Grosse Grasse Vacanze Greche streaming
Segnali Dal Futuro streaming
2012 L'Avvento Del Male streaming
Up streaming
G.I.Joe La Nascita Dei Cobra streaming
Orphan streaming
Baarìa La Porta Del Vento streaming
Funny People streaming
Halloween 2 streaming
Ricatto D'amore streaming
Brüno streaming
The Thaw streaming
Winged Creatures Il Giorno Del Destino streaming
I Love Radio Rock streaming
Adventureland streaming
La Custode Di Mia Sorella streaming
Immagina Che streaming
14 Anni Vergine streaming
Metal Gear Solid: Philanthropy streaming
Outlander L'ultimo Vichingo streaming
-2 Livello Del Terrore streaming
La Battaglia Dei Tre Regni streaming
Il Caso Dell'infedele Klara streaming
Nemico Pubblico Public Enemies streaming
17 Again Ritorno Al Liceo streaming
Una Notte Da Leoni streaming
Pelham 1 2 3 Ostaggi In Metropolitana streaming
La Rivolta Delle Ex streaming
S. Darko streaming
Obsessed streaming
Il Grande Sogno streaming
Chéri streaming
Scuola Per Canaglie streaming
Niente Velo Per Jasira streaming
12 Round streaming
Antichrist streaming
G-Force: Superspie In Missione streaming
Atlantis L'impero Perduto streaming
Drag Me To Hell streaming
Notorious streaming
300 streaming
100 Ragazze streaming
Fighting streaming
Basta Che Funzioni Whatever Works streaming
Fa' La Cosa Sbagliata The Wackness streaming
District 9 streaming
Killshot streaming
Un Amore All'Improvviso streaming
Terminator Salvation streaming
Book Of Blood streaming
Coraline E La Porta Magica streaming
2 Single A Nozze streaming
Twilight streaming
15 Minuti Follia Omicida A New York streaming
St. Trinian's streaming
Harry Potter E L'ordine Della Fenice streaming
Young People Fucking streaming
4 4 2 Il Gioco Piu Bello Del Mondo streaming
Videocracy Basta Apparire streaming
20 Centimetri streaming
Hitman L'assassino streaming
Automaton Transfusion streaming
Fame Saranno Famosi streaming
Ammesso streaming
Sul Lago Tahoe streaming
Miss Marzo streaming
20000 Leghe Sotto I Mari streaming
3 Piccole Pesti streaming
Alieni In Soffitta streaming
3ciento Chi L'ha Duro... La Vince streaming
A Night At The Roxbury streaming
Il Mistero Della Pietra Magica streaming
The Longshots Una Squadra Molto Speciale streaming
1408 streaming
Religiolus streaming
10000 Ac streaming
007 Una Cascata Di Diamanti streaming
La Misma Luna streaming
Aiuto streaming
007 Licenza Di Uccidere streaming
X Men Le Origini: Wolverine streaming
2 Fast 2 Furious streaming
Whiteout Incubo Bianco streaming
21 Grammi streaming
Yamakasi I Nuovi Samurai streaming
The Informant! streaming
Le Colline Hanno Gli Occhi streaming
 
Ultima modifica:

user

Utente Attivo
15 Set 2008
38
0
6
ho riprovato con percorsi diversi e nomi immagini ed estensioni immagini diversi.
se apro la pagina sul desktop del pc funziona sia con ff che con ie
se carico la pagina su un sito funziona con ff e anche con ie ma con l'inconveniente che quest'ultimo premendo il link che fa cambiare l'immagine, l'immagine effettivamente cambia (col tasto desto "mostra immagine" appare), ma non viene visualizzata da se se non con questa operazione.
 
Ultima modifica:

user

Utente Attivo
15 Set 2008
38
0
6
hai ragione l'ho rimesso, però il fatto è che se cancello i file temporanei e comincio a premere il pulsante che cambia immagine non mi visualizza le immagini con IE... coi refresh sì e una volta visualizzate tutte le immagini coi refresh anche col pulsante sono visualizzate ma subito e solo col pulsante no :-(
 
Ultima modifica:

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
Prova a spostare il blocco dello script alla fine della pagina:

<html>
<head>
</head>
<body onload="ImmagineCasuale()">
<br><br>
<div align="left">
<table height="80" width="200" cellspacing="0" cellpadding="0">
<tr valign="bottom" align="left"><td valign="bottom" align="left">
<div id="div_img"></div>
</td></tr>
</table>
<table cellspacing="0" cellpadding="0">
<tr><td>
Per una nuova domanda, premi <a href="javascript:void(0)" onclick="ImmagineCasuale()">qui</a></td></tr></table>
</td></tr>
<tr><td>
Per la soluzione, porta il cursore sulla riga sotto a questa
</td></tr>
</table>

<font color="#ffffff"
onMouseOver="this.style.color = '#000000'"
onMouseOut="this.style.color = '#ffffff'">
<div id="div_txt"></div>
</font>
</div>

<script type="text/javascript">

function ImmagineCasuale()
{
var IMG = new Array();
var TXT = new Array();
IMG[0] = "0.png";
TXT[0] = "";
IMG[1] = "1.png";
TXT[1] = "";
IMG[2] = "2.png";
TXT[2] = "";
IMG[3] = "3.png";
TXT[3] = "";
IMG[4] = "4.png";
TXT[4] = "";
var RND = Math.floor(Math.random() * IMG.length);
document.getElementById("div_img").innerHTML = "<img src='" + IMG[RND] + "'><br><br>";
document.getElementById("div_txt").innerHTML = TXT[RND];
}
</script>

</body>
</html>

Fammi sapere.
 

user

Utente Attivo
15 Set 2008
38
0
6
Io ho IE7 forse è quello?
E' propria svuotando la cache che nasce il problema. Con i refresh pagina F4 le immagini cambiano e appaiono.
Poi, svuotata la cache, apro la pagina, la prima appare (al caricamento pagina) poi premo il pulsante "qui" e le altre non appaiono.
Proverò da altri computer.
 
Discussioni simili
Autore Titolo Forum Risposte Data
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
neo996sps Onclick javascript su immagine Javascript 0
L funzione onclick non va Javascript 26
S Impostare attributo "onclick" Javascript 5
trattorino [Javascript] onclick su piu div insieme Javascript 1
C [RISOLTO][PHP] Funzione ONclick PHP 14
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
A Chiamata funzione PHP con onclick PHP 8
F Apertura tendina onclick jQuery 1
F Nascondere menù onclick sottovoce jQuery 0
A Cambiare Risposta onclick con Switch. Javascript 1
C Problema con OnClick Javascript Javascript 13
Shyson Cambiare color all'onclick Javascript 9
N Nascondere menu onclick su ancora Javascript 2
G aiuto per semplice menu onclick HTML e CSS 6
C Link menu che appaiono con onclick Javascript 2
G Evento ".onClick" su oggetto di d3.js Javascript 0
B Azione Onclick inserimento database PHP 6
Shyson Aggiungere onclick Javascript 4
L Problema onClick con un menu a tendina Javascript 3
P Aiuto con onclick Javascript 2
S [RISOLTO]Carica pagina da evento onclick di una griglia Javascript 12
F Javascript: problema con onclick event Javascript 3
V onclick a=a+1 PHP 2
Shyson Onclick apre popup nel posto sbagliato Javascript 0
Shyson Sostituire onclick Javascript 2
N Header che scorre onclick... forse nulla di nuovo, ma... jQuery 6
F gestire evento onclick Javascript 4
F onclick() Javascript 3
A usare onclick automaticamente senza cliccare HTML e CSS 13
J Expanding Navigation Menu onClick Javascript 0
G richimare elemento di un array con onclick su un elmento di un altro array Javascript 0
G pulsanti che cambiano con onclick Javascript 5
J DIV Layer Popup onClick Javascript 0
T comando onclick in un'altra pagina HTML e CSS 9
P Come assegnare un body tramite onclick? Javascript 1
B Tabella onclick HTML e CSS 5
Z Onclick : sostituire odiosi "button" con semplici Links Javascript 13
A passare valore onclick Javascript 2
M onClick e file.wav HTML e CSS 2
M Onclick dinamico Javascript 0
A evento onclick visualizzare video flash Javascript 0
G onClick="self.close()" HTML e CSS 8
E aiutooo con il ONCLICK Javascript 1
R onclick Classic ASP 0
M aiuto con onclick Javascript 0
M onclick dinamico... Javascript 2
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
T Dividere un'immagine in 3 parti orizzontali e salvarle separatamente Photoshop 2

Discussioni simili