code backstretch ne fonctionne pas

Page 2 sur 2 Précédent  1, 2

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

Résolu code backstretch ne fonctionne pas

Message par clechipey le Jeu 24 Avr 2014 - 16:48

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});

 scratch 

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  Rolling Eyes 

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


Dernière édition par clechipey le Mar 29 Avr 2014 - 21:11, édité 1 fois

clechipey
*

Féminin
Messages : 46
Inscrit(e) le : 02/12/2013

http://discusentreamis.positifforum.com/
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code backstretch ne fonctionne pas

Message par Maxmax le Mar 29 Avr 2014 - 17:59

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 ?

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code backstretch ne fonctionne pas

Message par clechipey le Mar 29 Avr 2014 - 18:28

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 ! Yes Bizz 
Corinne

clechipey
*

Féminin
Messages : 46
Inscrit(e) le : 02/12/2013

http://discusentreamis.positifforum.com/
clechipey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code backstretch ne fonctionne pas

Message par Maxmax le Mar 29 Avr 2014 - 18:56

De rien Wink

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code backstretch ne fonctionne pas

Message par Chacha le Mar 29 Avr 2014 - 19:50

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 résolu
  • 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 Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49707
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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