Background défilant et non aléatoire

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Background défilant et non aléatoire

Message par Chuckyboy666 Ven 11 Mai 2012 - 23:26

Bonjour (:

Étant un vrai poisson rouge désordonné, je reviens vers vous, car j'ai perdu le code que j'avais déjà passé un moment à chercher --". Alors voilà, je cherche à faire défiler mon image de fond, et non pas mon logo. Jusqu'ici, j'avais le code pour faire un background aléatoire, mais je cherche vraiment à retrouver comment faire le défilant et comme ce code est vraiment du chinois pour moi, malgré mes nombreux test afin d'essayer de comprendre, c'est sans espoir sans un peu d'aide...

Voilà le code aléatoire que j'ai pour le moment & que je voudrais avoir en défilant :

Code:
$(function() {
          var a = ["http://img.imagesia.com/fichiers/8/headerfinalfille_imagesia-com_89b.png", "http://img.imagesia.com/fichiers/8/headerfinalmec_imagesia-com_89f.png"];
          $("body").css("background-image", "url("+a[Math.floor(Math.random() * a.length)]+")")
        });

Merci beaucoup d'avance si quelqu'un peut -encore Rolling Eyes- m'aider (:


Dernière édition par Chuckyboy666 le Lun 14 Mai 2012 - 15:31, édité 1 fois
avatar

Chuckyboy666
**

Féminin
Messages : 51
Inscrit(e) le : 31/10/2008

http://sp-salveomaleficia.forumgratuit.fr/
Chuckyboy666 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Chuckyboy666 Dim 13 Mai 2012 - 15:38

Up ::fleur::
avatar

Chuckyboy666
**

Féminin
Messages : 51
Inscrit(e) le : 31/10/2008

http://sp-salveomaleficia.forumgratuit.fr/
Chuckyboy666 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Adam_sfp Dim 13 Mai 2012 - 16:33

Bonjour

Peut être en utilisant Jquery Cycle qui permet pas mal d'effets de transition entre des images.

Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Chuckyboy666 Dim 13 Mai 2012 - 18:05

Alors j'ai été voir, j'ai trouvé un effet qui pourrait faire sympa, mais étant donné que tout ce qui est javascript je ne m'y connais absolument pas, j'obtiens le code pour le fade, mais ensuite ben... je sais pas trop quoi en faire ni comment l'adapter à mon header de fond ^^'
avatar

Chuckyboy666
**

Féminin
Messages : 51
Inscrit(e) le : 31/10/2008

http://sp-salveomaleficia.forumgratuit.fr/
Chuckyboy666 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Adam_sfp Dim 13 Mai 2012 - 18:26

Bonjour

C'est quel effet qui vous plait?
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Chuckyboy666 Dim 13 Mai 2012 - 18:28

Sur la page que vous m'avez donné, il s'agit de la démo "fade", comme je n'ai que deux images que je souhaite mettre en défilement ça ferait un rendu assez sympa.

Merci d'avance pour votre aide en tout cas (:
avatar

Chuckyboy666
**

Féminin
Messages : 51
Inscrit(e) le : 31/10/2008

http://sp-salveomaleficia.forumgratuit.fr/
Chuckyboy666 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Adam_sfp Lun 14 Mai 2012 - 14:21

Bonjour

Si c'est juste pour alterner 2 images vous pouvez essayer ceci

Code:
$(function() {
                var images  = ['http://img.imagesia.com/fichiers/8/headerfinalfille_imagesia-com_89b.png', 'http://img.imagesia.com/fichiers/8/headerfinalmec_imagesia-com_89f.png'];
var i = 0;

setInterval(function(){
    $('body').css('background-image', function() {
        if (i >= images.length) {
            i=0;
        }
        return 'url(' + images[i++] + ')';
    });
}, 5000);
                });
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background défilant et non aléatoire

Message par Chuckyboy666 Lun 14 Mai 2012 - 15:30

C'est parfait c'est exactement le code que je cherchais à retrouver *o*
merci beaucoup pour votre aide, vous venez de m'éviter 1 semaine intensive de recherche de code lol

Résolu =D
avatar

Chuckyboy666
**

Féminin
Messages : 51
Inscrit(e) le : 31/10/2008

http://sp-salveomaleficia.forumgratuit.fr/
Chuckyboy666 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum