Problemi con funzioni "scambio immagini"

JN-Gio

Nuovo Utente
3 Feb 2010
2
0
0
Salve a tutti, premetto che non sono esperto di javascript nè di programmazione perciò spero di riuscire a spiegarmi.
In pratica ho creato una pagina dove a sinistra ci sono delle thumbnail e a destra viene visualizzata l'immagine intera. Ogni thumbnail ha tre comportamenti "scambia immagine", due onmouseover/out per l'effetto rollover della stessa e uno onclick per cambiare l'immagine di destra.
Fin qui tutto ok. Ora vorrei che cliccando su una determinata immagine intera che appare a destra.. ne scorrano delle altre. E' fattibile? Avevo pensato di utilizzare questo script:

<script type="text/javascript" language="JavaScript">

<!--
var imgs=new Array();
imgs[0]="immagini/sit2.jpg";
imgs[1]="immagini/sit3.jpg";
imgs[2]="immagini/sit4.jpg";
imgs[3]="immagini/sit1.jpg";
var cpt=0;
function changeimages()
{
document.getElementById("ima").src=imgs[cpt];
cpt++;
if(cpt>=imgs.length) cpt=0;
onClick("changeimages()");
}

function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>

ma questo script prevede che l'immagine dove cliccare sia presente nella pagina.. (inserendo il richiamo nel body) invece nel mio caso l'immagine in questione appare solo dopo aver cliccato su una thumbnail. E' possibile dire alla funzione di attivarsi in relazione a una determinata immagine non presente al caricamento della pagina? Altrimenti devo agire diversamente ma non conoscendo i linguaggi non so come muovermi. Sono grato a chiunque riesca ad indicarmi una soluzione con relativo codice.
 

lotus

Utente Attivo
5 Mag 2009
543
8
0
Un approccio motlo semplice per risolvere il tuo problema:

Puoi creare un campo hidden che quando lo script della thumbnail fa visualizzare l'immagine alla sua detrsa viene valorizzato a 1 il campo del campo hidden.
Lo script sull'immagine, per attivarsi deve verificare il valore del campo hidden. Se 1 va alla prossima viceversa non fa nulla.

Alternativamente, tramite javascript potresti invece verificare altri valori come ad esempio se l'attrib src del campo image è valorizzato oppure no ed in base a questo poi eseguire l'operazione opportuna.

Ciao, Ciro
 

JN-Gio

Nuovo Utente
3 Feb 2010
2
0
0
Grazie Lotus per la risposta rapida ma.. pur comprendendo il significato del tuo discorso.. non saprei metterlo in pratica. Come ho detto.. non sono un esperto di programmazione o meglio.. non è proprio il mio campo. Per mettere in pratica i tuoi suggerimenti dovresti scrivermi tutti i passaggi pratici da fare.. anche per creare un campo hidden per intenderci. Altrimenti per quanto rigurada javascript ho bisogno del codice.. magari con dei commenti. Sono più un grafico e raramente ho a che fare con queste cose perciò mi può essere d'aiuto solo una spiegazione con tutti i passaggi.. o un bel codice copia/incolla.
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Problemi delle funzioni eliminate con PHP e MySQL PHP 4
A problemi con funzioni come filter_var PHP 8
Z problemi con le funzioni di creazione thumbs e resize PHP 1
M Upload immagine con javascript problemi con FormData() Javascript 1
A Problemi con move_uploaded_file PHP 7
M Problemi con la stampa dei valori in php PHP 1
L Problemi con il login PHP 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Z problemi con foreach insert into PHP 10
B javascript per problemi con pdf e Safari Javascript 0
M Problemi con creazione maschere Presentati al Forum 1
M Problemi con query a più tabelle PHP 3
M Problemi con blog Grav CMS (Content Management System) 0
S incoerenza di stampa. problemi con il magenta Photoshop 3
A problemi con paypall Java 1
felino [Windows 8.1] Problemi con connessione WiFi Windows e Software 0
E [PHP] problemi nuova riga con fwrite su piattaforma android PHP 5
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
M [PHP] Problemi con query unione PHP 11
M [PHP] Problemi con select PHP 6
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
M [PHP] Problemi con il riconoscimento login. PHP 21
A [WordPress] problemi con xampp WordPress 2
M Problemi con database Apache/2.4.37 (Win32) OpenSSL/1.1.1a PHP/7.3.1 PHP 6
S [PHP] problemi con le sessioni PHP 3
T [PHP] problemi con il browser PHP 0
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [PHP] Problemi con login facebook PHP 0
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
andreas88 Creare file .htaccess per risolvere alcuni problemi con il tester SEO SEO e Posizionamento 0
Eugene [Joomla] Problemi con modulo per strutture alberghiere JHotelreservation starter Joomla 6
F [PHP] Problemi di base con bot di telegram PHP 9
M [Photoshop] Problemi con importazione immagini trasparenti in indesign Photoshop 0
E [Photoshop] Problemi con dimensioni immagini Photoshop 12
G [HTML] Problemi con inserimento immagini HTML e CSS 7
L Problemi con Javascript e Mustache Javascript 0
G Invio Mail con PHPMailer, problemi SMTP PHP 7
A [Javascript] problemi con javascrip e posizione GPS html5 Javascript 6
D Due problemi con Photoshop... Photoshop 1
G Problemi con pagina online.php di una chat in php PHP 38
S Problemi con impostazioni php PHP 3
P Problemi con AndroidStudio Sviluppo app per Android 0
S Problemi con Dell Precision T5400 Windows e Software 2
F ciao, sono ferro e ho bisogno di aiuto per problemi con la mail di alice.it Presentati al Forum 1
S [PHP] Problemi con Login e pagina Utente PHP 5
Z problemi con swf e chrome o sistemi portatili Webdesign e Grafica 5
N Problemi connettività con Tp Link EAP 110 Reti LAN e Wireless 0
S [HTML] Problemi con Blueimp image gallery su Chrome e Firefox HTML e CSS 2
W [HTML] problemi con sito responsive CMS (Content Management System) 1

Discussioni simili