code HTML multi resolution

2 participants

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

Résolu code HTML multi resolution

Message par shinigamikira Sam 11 Fév 2012 - 13:21

Bonjour au staff !
j'ai fais quelques (brieves:/) recherches et je n'ai pus retrouver un code qui se trouvait ici
sa fonction est de charger une image suivant la resolution de l'utilisateur en mettant l'url de l'image(Fond du forum) deja mis a l'echelle pour chaque resolutions dans le code

voila ce que je recherche ah et mon forum est phbbp3

cordialement


Dernière édition par shinigamikira le Sam 11 Fév 2012 - 15:03, édité 1 fois
avatar

shinigamikira
**

Messages : 69
Inscrit(e) le : 31/08/2009

http://shadowbloods4.forumgratuit.org/
shinigamikira a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: code HTML multi resolution

Message par Etoille Sam 11 Fév 2012 - 14:45

Bonjour shinigamikira.

Sur un de mes forum, j'ai ce code dans PA-> modules-> gestion des codes javascripts:

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("ICI L'ADRESSE DE VOTRE IMAGE");
Etoille

Etoille
****

Messages : 213
Inscrit(e) le : 21/05/2008

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

Résolu Re: code HTML multi resolution

Message par shinigamikira Sam 11 Fév 2012 - 14:51

c'est une redimension automatique? sans avoir a upload l'image dans tout une game d'echelle?
avatar

shinigamikira
**

Messages : 69
Inscrit(e) le : 31/08/2009

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

Résolu Re: code HTML multi resolution

Message par Etoille Sam 11 Fév 2012 - 14:54

Oui :-)

J'ai testé avec différentes tailles, ça marche. Il suffit de charger l'image une seule fois.

Edit: les personnes qui n'auront pas activé javascript sur le navigateur vont voir l'image/la couleur de fond que vous aurez définie dans le ccs, pensez à ce détail Wink
Etoille

Etoille
****

Messages : 213
Inscrit(e) le : 21/05/2008

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

Résolu Re: code HTML multi resolution

Message par shinigamikira Sam 11 Fév 2012 - 15:03

bien j'ai fais le test ça a fonctionné merci pour ton code Smile résolu
avatar

shinigamikira
**

Messages : 69
Inscrit(e) le : 31/08/2009

http://shadowbloods4.forumgratuit.org/
shinigamikira 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