Comment animer un arrière-plan de la taille à l'aide de jquery

Je veux animer le fond de mon site web, de sorte que lorsque l'utilisateur entre, le fond commence à une taille de 60% et va jusqu'à 100% au cours de plusieurs secondes.

J'ai essayé d'utiliser animer en jQuery comme ci-dessous, mais la console dit 'Unexpected token'. Il a travaillé pour l'opacité dans un autre morceau de code.

Ce que je fais mal?

$(document).ready(function() {
    $('.left-content').animate(
    {
        background-size: 100%
    },
    3000);
})

Vous avez besoin de mettre des guillemets autour de background-size et 100%
eh bien maintenant, j'ai obtenu un objet n'est pas une fonction " et je ne sais vraiment pas pourquoi 😕
Êtes-vous sûr que jQuery est chargé?
Je suis positif, ne sais vraiment pas quel est le problème. Si je supprime ce script, tout revient à la normale.
il n'y a rien de mal avec le code dans votre question, qui n'a pas été abordé dans les réponses. Si vous rencontrez un autre problème que vous allez avoir à donner plus d'informations.

OriginalL'auteur Radu | 2014-05-30

11

Il y a 2 problèmes avec votre code.
1. Manque des guillemets autour de 100%
2. JavaScript comprend background-size comme variable background moins variable taille. Vous devriez utiliser backgroundSize à la place.
  
  $('.left-content').animate({ backgroundSize: '100%' }, 3000);
Avec ces deux corrections, il fonctionne. Voir:

http://jsfiddle.net/YuKj3/

avez-vous vérifié le jsfiddle lien?
Il a travaillé. Désolé de ne pas répondre plus tôt. Je vous remercie monsieur.
pas de problème, content d'avoir pu aider!

OriginalL'auteur Alex B.
3

Vous avez besoin de mettre des guillemets autour de 100%. Après cela, vous pouvez envelopper les guillemets autour de background-size ainsi:
```
{
    "background-size": "100%"
}
```
...ou de l'utilisation de chameau cas:
```
{
    backgroundSize: "100%"
}
```
OriginalL'auteur James Donnelly

Vous devez vous connecter pour publier un commentaire.