Petit problème adaptation des fonds d'écran

[selas]

Bonjour a tous,

Voila j'ai suivi le tuto pour adapter le fond écran de mon forum a plusieurs tailles d'écrans.

Voici ce qu'il y a dans mon Codes Javascript:

Code:

$(function(){if(screen.width < 800) bg="http://img703.imageshack.us/img703/695/800nv.jpg";else if(screen.width < 1024) bg="http://img714.imageshack.us/img714/1238/1024p.jpg";else if(screen.width < 1280) bg="http://img52.imageshack.us/img52/7959/1280b.jpg";else if(screen.width < 1366) bg="http://img100.imageshack.us/img100/5106/1366m.jpg";else if(screen.width < 1440) bg="http://img85.imageshack.us/img85/6617/1440j.jpg";else if(screen.width < 1600) bg="http://img511.imageshack.us/img511/5729/1600v.jpg";document.body.style.backgroundImage="url("+bg+")";});

Différents fonds d'écran pour chaque taille.

Je viens de refaire le fond d'écran de mon forum, pour les fêtes de fin d'année.

Donc je suis aller dans AFFICHAGE,GESTION DES IMAGES, et j'ai remplacer le fond avec mon nouveau.

Euhhhhh il s'affiche aussi pour les autres alors que je ne l'ai et pas encore configurer pour, sur mon portable 14 pouces très beau rendu ( puisque j'ai travailler sur le thème avec), mais pour mon Pc de bureau 19 pouces rendu horrible. Pourquoi il a pris en compte ce background???

Es que cela vient du faite que je les mis dans AFFICHAGE,GESTION DES IMAGES??? il le prend donc en compte pour tout le monde????.

Dans ce cas la comment faire pour qu'il s'adapte a tous?

Je ne poste aucun background dans AFFICHAGE,GESTION DES IMAGES mais que via mon CODE JAVASCRIPT???

Merci d'avance pour vos aides a tous.

Très bonne journée a tous.

Cordialement

...furine...

[Adam_sfp]

Bonjour

Oui il ne faut rien mettre dans AFFICHAGE,GESTION DES IMAGES.
Le javascript tout seul est suffisant.

Cordialement

[selas]

Super rapide Adam_sfp,

Je test cela de-suite.

Merci

Cordialement

[selas]

Décidément je suis pas bon .

J'explique ce que j'ai fait:

Code:

$(function(){

var bg= "Adresse image (largeur plus grande que 1600px)";

if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600px)";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

A partir de la je remplace les lignes ( Adresse image (largeur 1024px)) par le lien directe de mes images que j’héberge sur ImageShack.us.

Peut être que ça ne marche pas du faite que je rajoute une nouvelle ligne dans le code, voici ce que je rajoute pour la taille de mon écran:

else if(screen.width < 1366) bg="https://2img.net/r/ihimizer/img819/7369/1368q.jpg";

C'est peut être a cause de cette ligne que ça ne marche pas, enfin je suppose il n'est peut être pas possible de rajouter des lignes a ce code.

Cordialement

Selas

[Adam_sfp]

bonjour

Si vous avez des templates modifiés assurez vous que c'est à jour

https://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript#edit-temp

Cordialement.

[selas]

RRRReeeeeee,

J'ai pas le souvenir d'avoir toucher au template Overall_header, mais j'ai tout de même consulter celui-ci et j'ai déja le code {HOSTING_JS} avant la ligne <!-- BEGIN google_analytics_code -->.

Vraiment bizarre

Cordialement.

[Adam_sfp]

Bonjour

Vous avez bien coché oui et enregistré dans
Activer la gestion des codes Javascript ?

et coché toutes les pages?
*de mon coté votre premier code fonctionne....
Cordialement

[selas]

Re,

J'avais pas cocher activer la gestion des codes JavaScript du coût je viens de le faire ensuite enregistrer mais ça ne change rien .

Cordialement

[Adam_sfp]

Bonjour

Pouvez vous coller le code que vous utilisez?
le Html est bien activé?

https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=html

Cordialement.

[bando]

Bonjour,

Vous n'avez créé aucun code Javascript dans la gestion des Javascript. Du moins, sur http://rc-noumea.nouslesfans.com

[selas]

Bonjour Dauclem ,

Dans la gestion des Codes JavaScript j'en ai deux.
Pour le son de la ChatBox ainsi que celui des Background

J'espère que ça viens de la ^^. Je suis prêt a supprimer le code JavaScript de la ChatBox

Merci

Cordialement

[bando]

C'est quoi l'url de votre forum ?

[selas]

Voici mon foum,

http://battlefield3.forumactif.org/

Codialement

[Adam_sfp]

Bonjour

Votre script actuellement en place ne comporte pas les liens vers les images..
il ne peut pas fonctionner...

Code:

$(function(){var bg="Adresse image (largeur plus grande que 1600px)";if(screen.width<801)bg="Adresse image (largeur 800px)";else if(screen.width<1025)bg="Adresse image (largeur 1024px)";else if(screen.width<1281)bg="Adresse image (largeur 1280px)";else if(screen.width<1366)bg="http://img819.imageshack.us/img819/7369/1368q.jpg";else if(screen.width<1601)bg="Adresse image (largeur 1600px)";document.body.style.backgroundImage="url(\""+bg+"\")"});

Cordialement.

[selas]

Re,

Bien pourtant si j'ai bien inscrit l'image, juste pour ma résolution d'écran a moi pour tester sur cette ligne.

else if(screen.width<1366)bg="https://2img.net/r/ihimizer/img819/7369/1368q.jpg";

Cordialement

[Adam_sfp]

Bonjour

Essayez avec le code complet..

Vous pouvez aussi essayez celui ci
c'est une variante avec un changement automatique et il s'adapte à la résolution.

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); var images=["http://img703.imageshack.us/img703/695/800nv.jpg","http://img714.imageshack.us/img714/1238/1024p.jpg","http://img52.imageshack.us/img52/7959/1280b.jpg","http://img100.imageshack.us/img100/5106/1366m.jpg","http://img85.imageshack.us/img85/6617/1440j.jpg","http://img511.imageshack.us/img511/5729/1600v.jpg"],index=0;$.backstretch(images[index],{speed:2500});setInterval(function(){index=index>=images.length-1?0:index+1;$.backstretch(images[index])},5E3);

Cordialement.

[bando]

Vous avez une erreur JS : noel_deco.setWindowAlignFixed is not a function

[selas]

Merci Adam, vraiment désolé d'ètre aussi mauvais .

Que veut tu dire pas le code complet?

Je veux bien testé la variante mais HIC je doit la mettre ou mon image? .

Cordialement

[selas]

Ahhhhh, c'est a cause de cette erreur alors?

Que dois-je faire maintenant.

Cordialement

[Adam_sfp]

Merci Adam, vraiment désolé d'ètre aussi mauvais .

Que veut tu dire pas le code complet?

Je veux bien testé la variante mais HIC je doit la mettre ou mon image? .

Cordialement

il y a juste a coller le code (pour la variante)vos images sont incluses dans le code..

Cordialement.

[selas]

Lol je viens de testé le code, j'ai l'impression que mon Forum me déteste .
Il ma afficher un fond écran et après il fait défiler tous les fond écran .

Cordialement

(Je vais pas tarder a abandonner )

[Adam_sfp]

Lol je viens de testé le code, j'ai l'impression que mon Forum me déteste .
Il ma afficher un fond écran et après il fait défiler tous les fond écran .

Cordialement

(Je vais pas tarder a abandonner )

Bonjour

C'est normal c'est l'effet du script il change le fond tout seul...
maintenant que cela fonctionne vous pouvez utiliser celui ci ou votre script de départ en mettant bien les liens vers vos images...
Cordialement.

*ou alors celui ci avec une seule image

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://img714.imageshack.us/img714/1238/1024p.jpg");