Mantenere un pulsante "attivo"

[ivanisevic82]

Ciao ragazzi, tra mille difficoltà sono riuscito a costruire questo prototipo di Gallery con effetti fade di vario tipo combinati a tooltip...potete dargli un occhiata qui:

http://www.ivanisevic82.com/pages/prova-8.php

E' ancora una versione non definitiva.

Come potete vedere al passaggio del mouse le anteprima sulla destra si "illuminano".
Come facci a mantenere "illuminata" SOLO l'anteprima che è stata cliccata (e che è relativa all'ingrandimento che si vede sulla sinistra)?
Quindi NON SOLO al passaggio del mouse, ma per tutto in tempo in cui è ATTIVA.

Grazie!

[ricman]

Potresti provare in javascript (qui OT...).
Tipo su "onmouseover" cambi la classe associata all'immagine.

[ivanisevic82]

Potresti farmi un esempio basilari e poi vedo di applicarlo?

Se mod e pensi che sia da js, spostami pure.

Grazie per il supporto!

[ricman]

Si... è OT (ma io non ti posso spostare... chiedilo tu a un mod)

Cmq leggiti qualcosa
http://woork.blogspot.com/2008/01/ch...avascript.html

[ivanisevic82]

Allora, il problema è questo: non riesco a identificare un elemento dandogli la "id" di elemento attivo, per il semplice fatto che entrambe le immagini, quella "accesa" e quella "spenta", fanno parte dello stesso <img>: quella spenta è "src" quella accesa è "background".
Quando passo col mouse sull'immagine, la "src" diventa trasparente, lasciando posto al "background".

Ecco il codice:

[img]/media/thumb_photo0_ombra.jpg[/img]

[ricman]

Originariamente inviato da ivanisevic82
entrambe le immagini, quella "accesa" e quella "spenta", fanno parte dello stesso <img>: quella spenta è "src" quella accesa è "background".

... e che metodo strano è? E' un controsenso dare uno sfondo a una foto!!

Non usare il tag img! Se è un link usa il tag A.

[ivanisevic82]

Originariamente inviato da ricman
... e che metodo strano è? E' un controsenso dare uno sfondo a una foto!!

Non usare il tag img! Se è un link usa il tag A.

Il senso è spiegato qui:
http://jqueryfordesigners.com/image-...de-transition/
Devi andare alla spiegazione "Single Image Technique".

Giusto per farti capire di cosa parlo...il codice per ogni immagine/link è questo:

 [img]/media/thumb_photo0_ombra.jpg[/img]</p>
<div id="ToolTip0" style="display: none;">
<div style="margin-left: 1px;">Nome: Dreaming Stars</div>
<div>Software: Samurize</div>
<div>Sfondo: Star</div>
<div style="margin-left: 1px;">Icone: Neon</div>
</div>

E l'effetto finale puoi vederlo in questa pagina:
http://www.ivanisevic82.com/pages/modding.php

[ricman]

Jquery ... allora le cose cambiano ... Devi andare a cercare sul manuale di jquery
Inizia da qui
http://docs.jquery.com/Main_Page

[ivanisevic82]

Non riesco assolutamente a risolvere il problema e kmque non credo che debba ricorrere a jquery per mantenere un pulsante attivo.

Il problema è che io non so scrivere js, ne capisco poco.

Mi serve creare una funziona che faccia questo: "quando è attiva l'immagine X, mantieni attivo il pulsante Y".

E' così complicato?

Grazie per il supporto!

[ricman]

Te lo RI-dico...

Originariamente inviato da ricman
Si... è OT (ma io non ti posso spostare... chiedilo tu a un mod)

Cmq leggiti qualcosa
http://woork.blogspot.com/2008/01/ch...avascript.html