Discussion :

[fichtre!]

Bonjour,

Je cherche à faire en sorte de pouvoir utiliser un fichier image stocké sur mon PC et non sur le serveur comme image de fond. J'ai utilisé la ligne suivante :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

background:url("file:///C:/chemin/fichier.png") no-repeat;

qui ne fonctionne pas alors que lorsque je rentre l'adresse tu fichier (file:///C:/chemin/fichier.png) dans la barre d'adresse du navigateur, l'image s'affiche (excluant ainsi une erreur dans le chemin de l'image)

Une piste SVP ?

Merci d'avance,

Eric

[trotters213]

C'est normal, lorsque tu mets ta ligne dans ton CSS et ton CSS sur le serveur, il va aller chercher l'image sur le serveur à l'adresse file:///C:/chemin/fichier.png qui n'existe surement pas.
Pourquoi ne veux-tu pas uploader l'image sur le serveur?

[Bisûnûrs]

Hum ... Chez moi cette technique fonctionne.

Vérifie que tu n'as pas d'espaces dans ton chemin et si c'est le cas remplace-les par %20.

[fichtre!]

Merci pour cette réponse. En fait, cette page utilise des fonds de carte dont la taille est importante (3-4 Mo). Une des options de la page permet d'utiliser les cartes qui sont sur le serveur, mais ce qui est lent pour les charger et travailler dessus.
J'envisageais, en tant qu'admin de pouvoir avoir la même interface, mais avec les cartes sur mon PC afin de pouvoir accélérer le traitement.

Concrètement, quelle serait la solution ? passer par une balise img, et ne pas me servir des css pour ce point ?

Bisounours> lorsque du dis "chez moi" cela veut dire sur un serveur qui tourne sur ton PC ?

Eric

[Bisûnûrs]

@fichtre! : Non non, je parle bien en local.

J'ai une image sur le bureau et le fichier html sur le bureau également, je fais :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body{
   background:url(file:///C:/Documents%20and%20Settings/Moi/Bureau/monimage.jpg)
}

et ça fonctionne parfaitement.

[fichtre!]

ça rejoindrait donc ce que dit trotters213: il faut que le CSS et les images soient sur la même machine ...

[Bisûnûrs]

Hum. A priori, oui.

Sur Firefox quand le fichier html est sur un serveur distant ça ne fonctionne pas, alors que sur IE, si.

[BnA]

Et pour ce qui est de la taille de tes images (3-4 Mo), tu ne peux pas les retravailler avec un logiciel genre ToShop??

[fichtre!]

J'ai déjà optimisé le poids des images (ce sont des dalles de 4000 px x 4000px !) Si je poste ici, c'est que maintenant je suis face à un problème de codage ...

Pour conclure et répondre à bisunurs : Effectivement il s'agit bien d'une différence entre firefox et IE qui peut être résolue de la façon suivante pour firefox :

- Charger l'addon LocalLink ou
- modifier / ajouter les lignes de commandes suivante dans le fichier pref.js de firefox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
pref("capability.policy.policynames", "localfilelinks");
pref("capability.policy.localfilelinks.sites", "http://site");
pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess");

On a ensuite accès aux ressources locales, pour peu que le chemin soit valide bien sur !


Voilou, donc on peut dire que l'affaire est classée