comment mettre des données de texte dans la visionneuse au lieu des images

Question

est-il possible de mettre le contenu du texte dans un cadre, et montrer dans la visionneuse, à la place montrer des images? Comment puis-je le faire?

i essayé

<a class="iframe" href="/folder/file.txt"><img height="80" width="120" src="img/txtFile.png"</a> 

et jquery

<script type="text/javascript"> 
    $("a.iframe").fancybox({ 

'width': 640, // or whatever you want 
'height': 480, // or whatever you want 
'type': 'iframe' 
}); 
    </script> 

Answer 1

Fancybox est capable d'afficher plusieurs types de contenu. Voir leur documentation pour plus d'informations. Cela inclut le contenu en ligne (c'est-à-dire l'affichage d'un élément caché, comme un div), le chargement d'un iframe ou l'affichage d'une réponse ajax. La section examples peut aider à clarifier beaucoup de choses pour vous.

Si vous voulez lire à partir d'un fichier txt, il peut être plus approprié de charger les données via ajax, plutôt que de les charger dans un iframe.

J'ai copié la documentation pertinente à partir du lien de documents énumérés ci-dessus, pour la postérité (vous pouvez voir l'exemple dans ce codepen demo que la configuration de l'équipe de fancyapps):

Ajax

Pour le contenu de la charge via AJAX, vous devez ajouter un attribut à data-type="ajax" votre lien:

<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" href="javascript:;"> 
    AJAX content 
</a> 

En outre, il est possible de définir un sélecteur avec l'attribut du filtre de données pour afficher uniquement une partie de la réponse. Le sélecteur peut être une chaîne , qui est un sélecteur jQuery valide:

<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" data-filter="#two" href="javascript:;"> 
    AJAX content 
</a>