Problème d'image de fond ; est-ce qu'une image extensible ça existe?

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

Résolu Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par thaom melcrudak le Sam 29 Mar 2014 - 21:09

Bonjour. J'ai tenté de mettre en application tous les tuto disponibles sur le sujet sans trouver de réponse.
Je suis fondatrice/Phpbb2/firefox/css et templates modifiés / www.ildir.purforum.com

J'ai ajouté plusieurs versions de mon image de fond pour qu'elle convienne à plusieurs résolutions. Cependant, elle ne semble pas s'adapter à mon écran puisqu'elle est trop près, son cadre ne s'adapte pas à mon écran. Y a t-il une quelconque facon de rendre l'image ''extensible?'' Avec J Query ,Css ?

Si je remplace
Code:
background-size:fixed;
par
Code:
background-size:contain;
Elle prend la bonne taille mais semble floue. Ma résolution est 1366 X 728 px.

J'ai appliqué un code JS que voici :

Code:
$(function(){

var bg= "http://nsa33.casimages.com/img/2014/03/29//140329064052894885.png";

if(screen.width < 801) bg="http://nsa33.casimages.com/img/2014/03/29//140329064405439498.png";
else if(screen.width < 1025) bg="http://nsa34.casimages.com/img/2014/03/29//140329064320906617.png";
else if(screen.width < 1281) bg="http://nsa34.casimages.com/img/2014/03/29//140329064221627589.png";
else if(screen.width < 1601) bg="http://nsa33.casimages.com/img/2014/03/29//140329064052894885.png";

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

});

Ainsi que ceci dans mon CSS concernant la bannière:
Code:
       body{
            background-position: top center;
            background-repeat: no-repeat;
            background-size:fixed
    
        }

merci !


Dernière édition par thaom melcrudak le Dim 30 Mar 2014 - 3:16, édité 2 fois

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par Kinotto le Sam 29 Mar 2014 - 21:32

Bonsoir,

J'ai cherché et je suis vite tombé sur ceci : http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html

Je pense que cela vous sera utile.

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par thaom melcrudak le Sam 29 Mar 2014 - 21:54

Malheureusement cela ne semble pas fonctionner Sad Même les exemples qu'ils donnent du résultat final ne fonctionne pas...

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par Neptunia le Sam 29 Mar 2014 - 23:47

Bonjour !


Avez vous essayé de rajouter une ligne de type
Code:
else if(screen.width < 1367) bg="http://nsa34.casimages.com/img/1366pxdelarge.png";
-> Ligne à intercaler au bon endroit (entre 1281 et 1601)

En faisant une image supplémentaire de 1366 pixels de large.

Neptunia
+ Hyperactif +

Féminin
Messages : 10387
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par thaom melcrudak le Sam 29 Mar 2014 - 23:56

Oui, ça fonctionne mais j'ai tout de même l'impression que l'image est plus floue que l'originale...Et aussi je me demandais, pour ce qui est de la hauteur de mon logo (qui est transparent) ne devient-il pas problématique lorsque la résolution change d'un utilisateur à l'autre?

merci beaucoup !

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par Neptunia le Dim 30 Mar 2014 - 1:12

Il est transparent et vide donc il ne posera aucun souci.

@thaom melcrudak a écrit:Oui, ça fonctionne mais j'ai tout de même l'impression que l'image est plus floue que l'originale...
Bah je dirai que c'est normal, ce n'est plus l'original donc c'est normal qu'il y ait une différence.

Neptunia
+ Hyperactif +

Féminin
Messages : 10387
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par thaom melcrudak le Dim 30 Mar 2014 - 1:27

Il pose un souci du côté d'où se termine la bannière et où commence le haut du forum non ? puisqu'il ne bougera pas tandis que la résolution de la bannière ne sera pas la même ?! Donc l'image se trouvera à être plus haute et on verra où commence la section ''généralités''

D'accord pour la qualité de l'image ^^

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par Neptunia le Dim 30 Mar 2014 - 1:57

Pour le logo l'idéal serait de calquer sa hauteur sur celle de la bannière la plus légère.
Donc celle a 800 pixels de large. Ou trouver un juste milieu.

Sinon effectivement actuellement avec un logo de presque 800 pixels de haut, en 1280*1024 je suis obligé de scroller pour voir le message d'accueil.

Neptunia
+ Hyperactif +

Féminin
Messages : 10387
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image de fond ; est-ce qu'une image extensible ça existe?

Message par thaom melcrudak le Dim 30 Mar 2014 - 3:15

Merci beaucoup ! Je n'ai plus de question sur le sujet. Résolu Wink

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak 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