Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Afficher le contenu d'un fichier .txt


scritch

Messages recommandés

bonjour,

 

j'ai récupéré un script pour faire un galerie de photos et je souhaite pouvoir insérer des commentaires (légendes) en rapport avec la photo.

 

J'ai modifié des choses pour obtenir ça :

 function CreationMiniature() 
{
//On parcours les images du tableau puis on les affichent dans des blocs divs
  document.write("<div id=\"imgselect\">");
  for (i=0; i<TabTotal; i++) 
  {
  document.write("<div class=\"imgminiature\" style=\"background-image: url(images/miniatures/"+TabImages[i]+");background-repeat:no-repeat '\" onclick=\"VoirReel('"+i+"')\; \VoirLegende('"+i+"')\"></div>");
  }
  document.write("</div>");
}

function CreationVisu() {
//On crée le bloc imgvisu
  document.write("<div id=\"imgvisu\">");
  document.write("</div>");
}
function CreationLegende() {
//On crée le bloc legende
  document.write("<div id=\"legende\">");
  document.write("</div>");
}

function VoirReel(Reel) 
{
//On affiche l'image en taille réel dans le bloc imgvisu	
document.getElementById("imgvisu").innerHTML='<img src=\"images/reels/'+TabImages[Reel]+'\" alt=\" Image : '+TabImages[Reel]+'\">';
}
function VoirLegende(Reel) 
{
//On affiche la légende créée sous forme d'image .jpg en taille réel dans le bloc legende	
document.getElementById("legende").innerHTML='<img src=\"images/Legendes/'+TabImages[Reel]+'\" alt=\" Image : '+TabImages[Reel]+'\">';
}

 

Pour le moment, je crée une image qui porte le même nom que la photo dans laquelle je met du texte.

Ce qui fait que lorsque je clique sur la miniature, j'ai l'image qui s'affiche et en même temps l'image qui contient le texte qui me fait ma légende.

 

Mais du coup, ça fait un fichier (la légende) qui est relativement lourd.

 

Je voudrez donc pouvoir remplacer mon fichier image contenant la légende par un fichier .txt

 

Pouvez vous m'aider ?

 

Merci d'avance.

Lien vers le commentaire
Partager sur d’autres sites

L'ennui du texte, c'est que ça ne se charge pas aussi facilement qu'une image...

 

Si tu veux vraiment faire des fichiers texte et les charger alors il te faudra utiliser XMLHttpRequest (de "l'AJAX"). Je vais éviter de me lancer dans une explication parce que compte tenu de la tronche du code ci-dessus (ZOMG ! Des document.write() ! Du innerHTML !) je vais y passer l'après-midi...

 

Si tu peux supporter de devoir faire des fichiers de légendes qui sont de la forme :

texteLegende = "Ceci est la légende de ma photo";

alors tu peux éventuellement créer des balises <script> qui pointent (attribut src="") sur ces fichiers, et ensuite utiliser la variable texteLegende pour meubler ton élément legende avec la dernière légende chargée...

 

Et perso j'utiliserais plutôt des createElement(), createTextNode() et autres appendChild() pour le faire...

Lien vers le commentaire
Partager sur d’autres sites

Bon, tant pis pour mon idée.

 

Si tu peux supporter de devoir faire des fichiers de légendes qui sont de la forme : .....

 

Y a aucun problème, je supporte toutes les solutions qui me permettent d'arriver à mes fins. :P

 

Je reprécise que le code n'est pas de moi, j'y ai juste rajouter ce qui concerne la légende.

Mais je ne suis pas capable de juger de la pertinence des expressions choisies (document.write(), innerHTML !) :P

 

Cependant, tu me confirmes ce que je pensais aux vues des recherches que j'avais faites avant de poster ici, mais j'espérais quand même.

Je vais donc essayer de suivre la piste que tu me donnes.

 

En tout cas, Merci

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...