Hacer que cambie el fondo de un div cuando contenga una imagen sin que cambien otros

#1 (**permalink**) 01/08/2011, 09:32

Hola!

Me gustaría hacer un efecto para que el fondo de un div cambie cuando contenga una imagen.

La imagen anterior lo explica bien creo.

#2 (**permalink**) 02/08/2011, 04:54

Hay un error de ortografía en la imagen pero creo que se entiende perfectamente...

Pablo Ayala · #3 (**permalink**) 02/08/2011, 07:43

hola!!!

Aqui tienes lo que buscas con jquery... solo debes descargar el jquery....

Saludos

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Upload</title>
<script src="jquery.js" type="text/javascript" language="javascript"></script>
<style>
    .prueba{
        border: 1px solid red;
        float: left;
        height: 300px;
        padding-top: 38px;
        text-align: center;
        width: 350px;
    }
</style>
</head>
<body>

    <div class="prueba"><img src="http://www.cancunhotel2000.com/hotels/img/costareal/costa_real_cancun-beach.jpg" /></div>
    <div class="prueba"></div>
    <div class="prueba"><img src="http://www.cancunhotel2000.com/hotels/img/costareal/costa_real_cancun-beach.jpg" /></div>
    <div class="prueba"></div>    
    
    
    <script>
        $(document).ready(function(){
           $('.prueba > img').each(function() {           
                $(this).parent().css('background-color','blue')                
            });
        })
    </script>
    
</body>
</html>

#4 (**permalink**) 13/09/2011, 07:09

Muchas gracias, siento la tardanza o.O