code backstretch ne fonctionne pas

[clechipey]

Rappel du premier message :

Bonjour,

Je ne comprends pas, après un tas d'essais (sur forum test), rien à faire, mon script de défilement d'images de fond par backstretch ne fonctionne pas !

où est donc l'erreur ?

Code:

(function(a){a.backstretch=function(k,i,l){function m(c){try{g={left:0,top:0},d=e.width(),b=d/j,b>=e.height()?(h=(b-e.height())/2,f.centeredY&&a.extend(g,{top:"-"+h+"px"})):(b=e.height(),d=b*j,h=(d-e.width())/2,f.centeredX&&a.extend(g,{left:"-"+h+"px"})),a("#backstretch, #backstretch img:last").width(d).height(b).filter("img").css(g)}catch(o){}typeof c=="function"&&c()}var n={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),f=c.data("settings")||n;c.data("settings");var e="onorientationchange"in window?a(document):a(window),j,d,b,h,g;i&&typeof i=="object"&&a.extend(f,i);a(document).ready(function(){if(k){var b;c.length==0?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"});e=this.width||a(b.target).width();b=this.height||a(b.target).height();j=e/b;m(function(){d.fadeIn(f.speed,function(){c.find(".deleteable").remove();typeof l=="function"&&l()})})}).appendTo(c);a("body #backstretch").length==0&&a("body").append(c);c.data("settings",f);b.attr("src",k);a(window).resize(m)}});return this}})(jQuery);
$.backstretch([
"http://i42.servimg.com/u/f42/09/02/42/97/amazon10.jpg"
, "http://i57.servimg.com/u/f57/12/41/17/54/guitou11.jpg"]
, {duration: 3000, fade: 550});

  

je suis totalement novice dans le script, css et autre... et je viens de passer quelques heures à tout tenter parmi les nombreux tutos et partages trouvés ici !

donc, je n'ose pas essayer sur le forum réel bien sur   

Je ne suis pas fondatrice mais juste modératrice depuis peu et j'ai carte blanche pour effectuer ces modifications...

sachant que si celui-ci ne fonctionne pas, j'ai tenté un second, celui-ci

Code:

$(function() {
        
         var a = ["http://i57.servimg.com/u/f57/12/41/17/54/guitou11.jpg", "http://i42.servimg.com/u/f42/09/02/42/97/amazon10.jpg"];
          $("body").css("background-image","url("+a[Math.floor(Math.random()*a.length)]+")")

        
        });


qui me convient aussi, mais il me faut réussir à y ajouter backstretch afin qu'il s'adapte à tous les écrans !

Bref, je rame, merci d'avance de votre aide !

Corinne
http://essai-discus.forumsactifs.com/forum
ccs personnalisé dernièrement mais vraiment pas grand chose

[Maxmax]

Ah d'accord j'ai compris ^^
Alors en faite pour être précis, le code A ne défile pas au clic mais sélectionne un fond d'écran au chargement de la page, du coup en rechargeant la page il a 4 chances sur 5 que ton fond change.
Pour ce qui est du redimensionnement auto, on va essayer quelque chose :
Sur ton forum "réel" va dans ta page CSS (PA >> Affichage >> Images et couleurs/Couleurs >> Feuille de style CSS).
Cherche la ligne

Code:

background-size: cover;

Et remplace la par :

Code:

background-size: 100%;

Est-ce mieux sur mobiles et tablettes ?

[clechipey]

Bonsoir !
franchement c'est top, il faut juste que tablette et mobile soient tenus en position paysage et non portrait et là tout est nickel au niveau résolution et photo entière ! merci tout plein, je pense que ça ira très très bien comme ça et les membres sont vraiment contents de la nouvelle présentation ! je te remercie vraiment !   
Corinne

[Maxmax]

De rien

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif