Mantenere selezione immagine

[Francesco Monti]

Salve a tutti, ho un selettore di immagini che mi consente di sceglierne una sola alla volta. Con

:hover

ho fatto sì che quando il puntatore del mouse passa sopra, le immagini vengano contornate da bordi, ma quello che vorrei è che i bordi rimanessero anche quando clicco l'immagine.
Per farvi capire meglio:
Come posso realizzare ciò con javascsript? Premetto che non conosco jQuery

 

[CjCreations360]

Ipotizziamo che le due immaggini abbiano id="img1" ed id="img2",
con css hai impostato la regola dell :hover che quando sei sopra con il mouse viene il bordo sulla relativa immagine ma quando clicchi questo non avviene....
credo che se crei una funzione con semplice javascript in cui modifichi lo style del border e poi la associ all immaggine con onclick="funzione()", dovresti avere quello che vuoi..
tipo..
<script>
function funzione(){
document.getElementById("img1").style.borderColor = "red";
document.getElementById("img1").style.borderStyle = "solid";
document.getElementById("img1").style.borderWidth = "5px";}
</script>

Potresti anche creare una classe alternativa in cui il bordo e gia impostato e con javascript assegnare la classe
all immaggine
tipo..
function cambioclasse(){
document.getElementById("img1").setAttribute("class","mia_classe");}
sempre attivandola con onclick.
Credo dovrebbe funzionare...(credo...)