code HTML multi resolution

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

Résolu code HTML multi resolution

Message par shinigamikira le 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

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

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

http://parentsdaujourdhui.discutforum.com/portal.htm
Etoille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code HTML multi resolution

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

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

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

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

http://parentsdaujourdhui.discutforum.com/portal.htm
Etoille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code HTML multi resolution

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

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

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


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