Background défilant et non aléatoire

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 le 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

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 le Dim 13 Mai 2012 - 15:38

Up ::fleur::

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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 ^^'

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 le Dim 13 Mai 2012 - 18:26

Bonjour

C'est quel effet qui vous plait?

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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 (:

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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

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


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