Immagine "attiva"

[ivanisevic82]

Ho una "immagine-link" che ha due immagini diverse che cambiano quando ci passo sopra: quella BLU è la "standard", quella VERDE è la "attiva".
Vorrei che continuasse a rimanere "attiva" per tutto il tempo in cui il link a cui si riferisce è attivo e con questo codice funziona solo in parte:

#nav a.activeSlide { background: #ed1313 }

In pratica questa è l'immagine:


Grazie al comando sopra riportato riesco solo a dargli un bordo (indicato via css) che rimane "attivo" proprio come vorrei:


Ma non riesco a SOSTITUIRE o SOVRAPPORRE un altra immagine (quella ATTIVA):


In pratica io non voglio che risulti ATTIVA tramite bordo, ma tramite la sostituzione con un altra immagine.

Ho provato a fare csì:

#nav a.activeSlide { background-image: /immagine.jpg }

ma l'immagine è un background, e quindi non si sostituisce a quella "non attiva".

Potete aiutarmi?

Grazie!

[ricman]

Ogni volta che la pagina viene refreshata si azzera tutto.
Dovresti lavorare lato server (con php, ad esempio, e qualche varibile risolvi)

[ivanisevic82]

La pagina non viene refreshata quando ci clicko, è un link interno.
Ric, è il solito problema della mia gallery, ma da un altro punto di vista!