Question

hola muy buenas a todos quisiera que apoyaran, estoy mostrando unas imagenes que tengo en bd para usarlas en un formulario de la cual tengo que seleccionar una de ellas pero quiero ponerle algun efecto donde se resalte al darle click para que el usuario sepa cual seleccionó

$result=mysql_query("SELECT * FROM plantilla_cert" );

while($test = mysql_fetch_array($result))
{               
echo "<div class='todas'>";
$id = $test['id_ruta'];
echo "<label>";
echo "<img onClick='actualiza(this.title)' title='".$test['id_ruta']."'  class='profile-user-img img-responsive active'  src='".$test['ruta_plantilla']."'/>";
echo "<center>".$test['id_ruta'];
echo "</center>";
echo "</label>";
echo "</div>";
}
?>
<script language="javascript1.5"> 
function actualiza(a){ 
document.getElementById('imagen1').value=""+a; 
} 
</script>  

<div class="row">
<div class="col-md-2">
<div class="form-group">
<label>Seleccionada</label>
<input type="text" name="id_plantilla" class="form-control" id="imagen1" />
</div>
</div>

Answer 1

Prueba con este ejemplo simple de CSS.

img{border:solid 2px #000; margin:2px;}
.selected{
   box-shadow:0px 12px 22px 1px #666;
}

El box-shadow haría algo como esto, aunque lo puedes cambiar por cualquier otra cosa.

Saludos.