J'ai une image d'image qui contient le contenu que je veux toujours être visible, peu importe quelle est la résolution de l'utilisateur. Par conséquent, je souhaite pouvoir déterminer quelle est la résolution et définir le fichier image de fond approprié avant les charges de la page, au tout début. Est-ce possible en quelque sorte?
4 Réponses :
Utilisation d'un cadre JavaScript comme motools Vous pouvez utiliser le Domready événement au lieu de surcharge (qui attend que tous les éléments d'image se chargent), vous pouvez déclencher un événement lorsque la page est chargée.
Alternativement avec CSS, vous pouvez positionner absolument haut à gauche et largeur: 100% pour gagner la journée. : O
Je préfère ne pas utiliser de code externe si je peux le faire facilement sans cela :). Quant à la deuxième partie de votre réponse - je ne veux pas qu'il redimensionne avec la fenêtre, mais pour vous adapter à la largeur de l'écran. Mais merci quand même :).
Je me rends compte que vous vous demandiez spécifiquement de JavaScript, mais il y a une jolie décent Technique pour le faire avec CSS (et éventuellement un peu JavaScript) décrit au site des astuces CSS.
Je ne veux pas qu'il redimensionne avec la fenêtre, mais pour vous adapter à la largeur de l'écran. Merci quand même :)
La technique que j'ai liée à utilise CSS pour mettre à l'échelle de l'image afin qu'elle correspond à la fenêtre de navigateur. Il ne redimense pas la fenêtre.
Je sais - "Je ne veux pas qu'il puisse redimensionner avec la fenêtre" - cela signifie: "Je ne veux pas accumuler l'arrière-plan lorsque la fenêtre (et la fenêtre de navigateur) change de taille". Je veux l'ajuster uniquement à la largeur de l'écran.
Le premier point auquel vous pouvez exécuter une fonction JavaScript avec un accès à la DOM (sans attendre la charge de la page) en passant un
+1 pour l'idée et poser la question.
Et si l'utilisateur redimensionne sa fenêtre?
Rien. L'arrière-plan doit s'adapter à la résolution de l'écran et non à la taille actuelle de la fenêtre.