jquery fond de l'image à la couleur et de retour

J'ai une page html, avec jquery chargé. Il n'a pas de css pour le moment.jquery fond de l'image à la couleur et de retour

Il a une image d'arrière-plan défini comme:

<body background="image1.gif">

Je suis en train de changer pour une couleur (disons noir) et à nouveau à l'image en utilisant onclick.

J'ai réussi à configurer les divs et tout ok. Pour changer de couleur à la couleur je:

jQuery('body').css('background-color','black');

sur une autre page, mais cela ne fonctionne pas ici parce que je veux aller de l'image à la couleur et à nouveau. Alors, comment puis-je changer l'image de fond en une couleur plate et vice versa avec jquery?

Source

2011-03-27 David19801

Utilisez css et changer la place de la classe:

Le code HTML:

<body class="image">

Le CSS:

body.image{ 
    background-image: url('image.gif'); 
} 
body.colour{ 
    background-color: black; 
}

Et pour les scripts:

$('body').addClass('colour').removeClass('image');

Et à nouveau :

$('body').addClass('image').removeClass('colour');

Source

2011-03-27 18:08:05 Guidhouse

Cela fonctionne très bien une fois que je clique deux fois, que puis-je faire pour montrer l'image en premier lorsque la page se charge? Fondamentalement, quoi remplacer avec? – David19801

Regardez la mise à jour que j'ai faite à la réponse. Et si cela aide, s'il vous plaît marquer comme réponse ty :-) – Guidhouse

Parfait! Restez génial :) – David19801

jquery fond de l'image à la couleur et de retour

Répondre

Questions connexes