entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

resaltar imagen al darle click

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>

1 Respuesta

1voto

Peter Puntos150460

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.

1voto

kenan777 comentado

muchísimas gracias me funcionó perfectamente

1voto

Peter comentado

De nada, que bueno que te funcionó. :D

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta