Hola, tengo una pagina con cosillas en jquery y quiero hacer un efecto sencillo que no consigo.
Es una galeria de fotos, donde las fotos se muestran en listas, dentro de cada <li> esta la foto correspondiente que se puede visualizar mediante lightbox y debajo hay un checkbox para marcarla.
Quiero que cuando marque el checkbox el fondo del <li> se vuelva de un color para resaltarlo y que al volver a clicar vuelva a negro(el fondo es negro).
el jquery:
Código:
<script type='text/javascript'>
$(document).ready(function() {
$(".foto").click(function(){
if($(this).css("background-color")=="rgb(85, 85, 85)")
{
$(this).css("background-color","rgb(0, 0, 0)");
}
else
{
$(this).css("background-color","rgb(85, 85, 85)");
}
});
});
</script>
el html (se genera por php):
Código:
<li id='6A5W8900'>
<a href='W890.jpg' class='lightbox' rel='lightbox' height='100 px' width='150px' title='W890.jpg'>
<img src='W890.jpg' alt='W890.jpg' height='100 px' width='150px' /></a>
<br />
W890.jpg<br />
<input type='checkbox' name='W890.jpg' value='W890.jpg' class='foto' />
Copias: <input type='text' name='copias_W890' value='1' size='1' />
</li>
¿Alguien me puede echar un cable?
Gracias, un saludo :D