CSS & Fond d'écran étirable: le cauchemard du webdesig

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
arcanis

CSS & Fond d'écran étirable: le cauchemard du webdesig

Message par arcanis »

Salut! Ceci est le problème d'un développeur proche du pétage de plombs: depuis quelques heures, j'essais de trouver le moyen d'avoir un fond d'écran étirable.
Oui, bon, je sais que c'est possible avec la balise img (j'ai écrit un article dessus); mais le problème, c'est que contrairement aux fonds d'écrans, les images ont l'air de se charger plus longtemps. J'utilise de grosses photos, aussi, mais c'est le client qui l'impose. Ah le bêta :P
J'en suis donc réduit à attendre que l'image soit entièrement chargée, puis à utiliser d'un effet de script.aculo.us pour que ça fasse moins moche... :cry:
Mes questions sont donc:
  • Est-ce qu'un effet de css3 permettra de définir la taille de l'arrière-plan? Pitié...si vous passez par là, développeurs...
  • Est-ce qu'un effet de css3 permettra de faire subir des rotations aux blocs? Pas de rapport, mais j'en profite pour demander. Et même chose: pitié...
  • Est-ce qu'une propriété existante spéciale à Firefox permet de faire l'une de ces deux choses?
  • Existe-t-il une méthode pour ordonner à Firefox (à tous les navigateurs en général m'arrangerais, mais bon) de précharger toutes les images avant d'afficher la page?
Si l'une des réponses est positive, je vais sauter de joie. Sinon...je vais me mettre à coder en asp rien que pour vous embeter...Non, je rigole, je suis pas suicidaire. PHP Powa!

Merci d'avance :D

*'voyez? je commece déjà à devenir fou*

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Réponse a) http://www.w3.org/TR/css3-background/#t ... round-size
Réponse b) pas que je sache
Réponse c) Tu peux utiliser SVG si ce sont des images, ou Canvas si c'est un bloc HTML. Voici une démo de ce qu'on peut faire avec SVG et des images : http://blog.vlad1.com/archives/2007/07/28/149/
Réponse d) En général on déclare l'image en JavaScript, ce qui fait qu'elle se retrouve dans le cache.
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
arcanis

Message par arcanis »

Oki, merci. Autre question: css3, ce sera supporté par ff dans quelle version (et quelle année)?
Pour l'instant, je vais me contenter de déclarer dynamiquement le chemin du bg et de générer une image avec gd, parce que ff lague quand l'image de fond est un img, au lieu d'un fond normal. Donc impossible d'utiliser SVG.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Pour Firefox, probablement pas dans la prochaine version (il faut dire que la spécification est loin d'être définitive).

Il y a juste dans Safari et Konqueror que ça fonctionnerait (je n'ai pas essayé)
http://www.css3.info/preview/background-size.html
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

arcanis a écrit :Oki, merci. Autre question: css3, ce sera supporté par ff dans quelle version (et quelle année)?
Dans Firefox 18 en 2025 selon ma boule de crystal...
Sincèrement, comment veux-tu qu'on le sache ? CSS3 n'est encore qu'au stade de documents de travail pour la plupart des modules :roll:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firegecko Firefox/2.0.0.6 (Ubuntu-feisty)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 6 invités