Mudar background em uma div usando jQuery

turcios · 11/02/2016

Buenas antes que nada muchas gracias por leer este post. tengo el siguiente problema
necesito localizar para reemplazar la imagen de background de una pagina html
tengo el siguiente div donde quiero que se reemplace la url de la imagen en la clase page-head

HTML:

<div class="page-head " style="background: url(http://www.inmobiliariagavilan.com/wp-content/themes/inspiry-real-places/images/banner.png) #494c53 no-repeat center top; background-size:cover;">
                    <div class="container">
                <div class="page-head-content">
                    <h1 class="page-title">Seguro de inmuebles</h1>                </div>
            </div>
                </div>

e intentado de la seguiente manera pero no lo toma, no se si llamo mal la función y me falto algo para que se ejcute o sera que esta mal

HTML:

<script>
$(document).ready(function () {
$('.page-head').css({'background':'url(http://www.inmobiliariagavilan.com/wp-content/uploads/2015/07/banner.jpg)'})
});
 
</script>

espero me puedan ayudar

lombervid · 11/02/2016

Lo puse tal y como lo tienes y si funcionó, seguro que estas cargando jQuery? No te sale algún error en la consola?

ZoroRoronoa · 11/02/2016

Estas desarrollando bajo wordpress?

Una pregunta, este codigo te funcioná? es decir, te arroja la alerta cuando cargas tu theme?

HTML:

<script>
$(document).ready(function () {
alert("cargado, si funciona el script");
});
</script>

Si el script anterior No te funciona pero si tienes jQuery cargado, a veces sucede (y me ha sucedido a mi) que el selector tiene un conflicto. Por ende tienes que hacer lo siguiente:

En vez de usar $ tienes que usar $ALGO MAS
ejemplo

Yo uso $j
$j(document).ready function() ... ETC ETC

Para ello al principio de tu scriot debes colocar la siguiente linea.
$j=jQuery.noConflict();

te dejo un ejemplo

HTML:

<script>
$j=jQuery.noConflict();
$j(document).ready(function(){
   $j(".clase").click( function() {
         $j(this).css({"background":"red"});
   });

   alert("ahora si funciona el script jquery");
});
</script>

Saludos.

kanikase · 12/02/2016

Lo tienes que hacer con jquery? si no, con solo javascript es más fácil:

Inserir CODE, HTML ou PHP:

document.querySelector('.page-head').style = 'background:url(http://www.inmobiliariagavilan.com/wp-content/uploads/2015/07/banner.jpg)';

:encouragement:

turcios · 13/02/2016

muchas gracias a todos por sus respuestas al final logre hacerlo bajo php, el problema es que uso wordpress por lo que el html que necesitaba cambiar se generaba al cargar la web por lo que decide trabajar en php, muchas gracias por darme su ayuda saludos

Mudar background em uma div usando jQuery

turcios

lombervid

ZoroRoronoa

kanikase

turcios

Tópicos similares