Soucis de lin d'image

Fermé
kinder77 Messages postés 134 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 30 octobre 2013 - 26 avril 2013 à 22:36
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 - 2 mai 2013 à 14:42
Bonjour,

Voila, j'ai heberger mon site mais quand je regarde mon code source il m'affiche ceci pour mes liens images en localhost:
http://localhost/wordpress/wp-content/uploads/2013/04/tantine.jpg</code>

pourtant je ne suis pas en local

A voir également:

6 réponses

Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 27/04/2013 à 18:37
Bonjour

La référence à localhost dans ton url te dirige nécessairement vers ton serveur local, et si tu y a, comme moi, teamviewer, ton message est tout à fait normal
Tu devrais, dans ton url de site, avoir sans doute ton nom de domaine à la place de localhost, si tu y a un dossier wordpress sous la racine.
La référence localhost pour ton site en local est ( sans doute ) correcte.
Mais ce serait sans doute mieux d'y avoir "/"
Mais tu ne devrais l'avoir éventuellement, dans ton site, que dans les paramètres de gestion, par exemple pour indiquer l'adresse du gestionnaire de la base de données, mais pas dans tes url.

Je pense que tu as peut être uplodé tes fichiers dans un dossier erroné, mais que de toute façon tu as gardé par erreur les liens correspondant à ton projet en local .. Tu dois te référer à la "racine" / du site, et non à localhost ..

Mais attend d'autres réponses ..

A+
Nyctaclope

Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
0
kinder77 Messages postés 134 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 30 octobre 2013 9
27 avril 2013 à 18:37
Voila j'ai bien uploader les fichiers mais le slide reste un probléme
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 27/04/2013 à 18:50
Re
Alors le lien vers tes images doit être, soit un chemin relatif par rapport à la page qui les gère, soit, beaucoup plus clair, par rapport à la racine du site.
Tu peux corriger, soit sur le site, soit de préférence sur le site en local, avant d'uploader les fichiers correspondants. C'est peut être mieux pour avoir ton site en local à jour, si tu dois encore faire des tests ou des modifs , comme c'est probable ..
Et en général, on stocke les images dans un dossier spécifique. C'est beaucoup plus simple pour la maintenance ..

A+
Nyctaclope
0
kinder77 Messages postés 134 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 30 octobre 2013 9
Modifié par kinder77 le 27/04/2013 à 20:11
bjr Nyctaclope,
j'ai réglé le lien vers les images mais mon soucis est le slide
merci a toi voici le sitehttp://www.ong-centrafrique.org/domaines-expertises/
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 28/04/2013 à 14:59
Re
Bon je ne t'ai pas oublié, mais un petit problème de disponibilité ...
Je crois que j'ai trouvé l'erreur.
Laisse moi encore un peu de temps, je dois pouvoir te répondre dans la journée.
Le problème semble bien se situer au niveau de la définition des fichiers du site local ..

En attendant peux tu me préciser en complément d'information :
1// ton "slide" : s'agit-il d'un simple affichage d'image simple, ou d'un système de défilement d'images ? car je crois voir une "palpitation" dans ton code ..
Il semble en effet qu'il y ait quelque part un script, que je n'ai pas identifié ..
Mais cela ne change rien au problème.
2// ton slide est-il à voir dans ta page d'accueil, ou dans le dossier "domaine-expertises" ? car il y a un doute pour moi ..
3// mon "localhost" ne contenant rien, je ne peux voir tes images sur le site depuis mon PC
Mais toi, tu dois "voir" quelque chose, car ton site sur le net va chercher un lien depuis un site externe ( ton site en local ), et au moins ton image tantine.jpg doit être visible, même imparfaitement .. L'autre image ( tonton.jpg ) , elle, est introuvable, mais c'est normal, vu ton code ..

A bientôt
Nyctaclope

Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 28/04/2013 à 20:02
Re-re
EDIT vers 20h00

Plus besoin de tes réponses ..
J'ai bien travaillé ( douloureux, en l'absence d'infos ! ) et trouvé les modifs de code à faire, et j'ai pu faire fonctionner ton slide , disons à moitié, car l'image tonton.jpg n'a pas été uploadée sur ton site et est donc absente.
Je n'ai pas modifié ton site ( heureusement ce n'est pas possible ! ), mais j'ai un outil permettant d'y simuler des modifs depuis mon PC ..
Cela va marcher nickel ..
"Yapuka" rédiger ma réponse détaillée ..
Cela va certainement être un peu juste pour ce soir, mais tu l'as (dans le début de journée ?) demain ..
Donc si tu veux bien patienter encore un peu ..
A+
Nyctaclope
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
29 avril 2013 à 15:54
Re

Bon, voilà la chose ..

1// tu es pressé, ou bien tu n'as pas besoin d'explications :

- consulte sous ta racine le code de la page d'accueil qui devrait s'appeler index.php, ou index.htm , ou default.htm, ou voisin, selon les habitudes de ton serveur ou de ton Wordpress
Les retouches concernent la section dont l' id= domainesExpertises

- voici le code actuel ( en fait d'il y a deux jours ) :
http://img1.imagilive.com/0413/code_initial.JPG
Mais il ne correspond plus au code de ce jour ! car tu viens de le modifier récemment, pendant que je travaillais sur la version précédente ...
- voici le code qu'il te faut :
http://img1.imagilive.com/0413/code_final.JPG

De plus, tu dois télécharger vers ton site, dans le même dossier que ton image tantine.jpg, l'image tonton.jpg qui actuellement est absente

Attention, les codes ci-dessus sont le code htm renvoyé par ton serveur, le seul qui puisse m'être visible.
Tu devrais y trouver en plus quelques instructions en php, qu'il faudra respecter.
De même ne tiens pas compte des valeurs ici affichées de :
class= et opacity dans style= dans les blocs <div>
car elles varient de seconde en seconde ( ton "slide" ) et leurs valeurs sont ici celles de la "photo" instantanée que j'ai prise.

Les modifs se résument à :

a// enlever dans la "<div> inférieure la définition d'une des deux images ( le bloc <a> .... </a> ) , ici j'ai choisi la 2ème image tonton.jpg,
et à la passer dans la <div> supérieure
b// corriger l'url de l'image dans la valeur src="..." du bloc <img ..... >, en enlevant le texte partiel "http://localhost/wordpress"

et voici ce que donne ton slide ( du moins la moitié du temps d'affichage , du fait de l'absence le l'image tonton.jpg, que je n'ai évidemment pas pu reconstituer ) :

http://img1.imagilive.com/0413/Le_demi_slide_avec_tantine.JPG

Le fonctionnement du slide , tel que j'ai pu ( je l'espère ) le reconstituer :

les deux <div> contiennent chacune une image, et s'affichent en fait au même endroit de l'écran, selon une position absolue.
Selon un échelonnement rapide dans le temps, sans doute grâce à une variable compteur quelque part, les propriétés d'affichage de chaque <div> ( définies dans ta feuille de style style.css ) se modifient :
- la position avant-plan / arrière-plan de chaque image
- l'opacité/transparence de l'image ..
donnant ainsi un effet de fondu-enchaîné ..

Les modifs que je te propose ont été testées sur ton site ...

2// comment faire :

- ou bien depuis ton ftp tu downloades ton fichier index.php, l'édites, et le renvoies sur ton site, en en gardant copie modifiée sur ton site en local

- ou bien, en local, sous wordpress, tu recommences toute ta définition du slide, car à l'origine tu as dû louper quelque chose ..
Mais cela risque d'être lourd ..

3// tu as besoin d'explications ...
Je reste à ta disposition
J'y renonce pour le moment , car je viens de scratcher ma connexion, avais perdu tout mon post, et miracle viens de le récupérer en redémarrant ..

je t'envoie cela tant que cela tourne encore ..

A+
Nyctaclope

0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
29 avril 2013 à 19:24
RE Important

La page index dont il s'agit n'est pas ( comme indiqué par erreur ) :
- la page d'accueil ( où d'ailleurs il y a un espace vide non utilisé )
- mais la page correspondant au dossier http://www.ong-centrafrique.org/domaines-expertises/
et bien sûr c'est la <section> "id= domainesExpertises " qui est concernée, comme indiqué ..

A+
Nyctaclope
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 2/05/2013 à 14:56
Re
Bon, je vais terminer mon monologue, car apparemment tu ne t'intéresses plus à ta question , ou ma solution ne te convient pas .. Un peu frustrant quand même.
Je termine quand même le travail commencé .

Comme il manque toujours sur ton site la 2ème image ( tonton.jpg ) du slider :
- j'en ai créé une en reprenant la 1ère, tantine.jpg,
http://img1.imagilive.com/0513/tantine.jpg
- en en prenant la symétrique, nommée tintane.jpg
http://img1.imagilive.com/0513/tintane.jpg
- et en l'hébergeant sur un site auxiliaire ( forcément )
il y a donc juste un petit changement d'url pour cette dernière image

Voici le nouveau code, adaptation du code que je t'avais proposé ..
http://img1.imagilive.com/0413/code_final_DEUX_images.JPG

Cela fonctionne parfaitement, en obligeant ton site à exécuter ce code :
Début du slide , apparition de l'image de droite :
http://img1.imagilive.com/0413/demi_slide_droite.JPG

Image de gauche, et début du Fondu enchainé :
http://img1.imagilive.com/0413/demi_slide_gauche_debut_fondu.JPG

Les deux images, en fondu enchaîné :
http://img1.imagilive.com/0413/demi_slide_fondu.JPG

Comme tu vois, cela fonctionne, et il n'y a aucun truquage, les copies d'écran étant prises sur ton site, comme tu peux le voir ..
La seule chose à faire : tu dois retoucher la largeur de tes images, car elles débordent un peu trop à droite ..

A une autre fois peut être ..
Nyctaclope

Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
0