Afficher fichier PDF
Fermé
hybhgc
-
26 mai 2017 à 18:39
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 31 mai 2017 à 14:35
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 31 mai 2017 à 14:35
A voir également:
- Afficher fichier PDF
- Fichier rar - Guide
- Lire le coran en français pdf - Télécharger - Histoire & Religion
- Fichier host - Guide
- Comment compresser un fichier pdf - Guide
- Fichier iso - Guide
2 réponses
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
Modifié le 31 mai 2017 à 15:09
Modifié le 31 mai 2017 à 15:09
Salut
comme le dit Dugenou cela depend du navigateur du visiteur , mais si il accepté l'ouverture du plugin pour la lecture des fichiers pdf ,tu peu mettre le embed avec un lien alternatif vers le fichier convertis en image (test.jpg dans mon exemple) pour les autres !
et même avec un peu de CSS3 ouvrir une modal a partir d un lien
ce n est pas valable pour les fichiers PPT !
PS: met plutot target="_self" a la place de target="_blank"
a
href="#ouvrirModal"
et a
href="#fermer"
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
comme le dit Dugenou cela depend du navigateur du visiteur , mais si il accepté l'ouverture du plugin pour la lecture des fichiers pdf ,tu peu mettre le embed avec un lien alternatif vers le fichier convertis en image (test.jpg dans mon exemple) pour les autres !
<div>
<embed src="test.pdf" width="400" height="300" type='application/pdf'>
</div>
<p>
lien alternatif vers image: <a href="test.jpg" rel="nofollow noopener noreferrer" target="_blank">test.jpg</a>
</p>
et même avec un peu de CSS3 ouvrir une modal a partir d un lien
<!DOCTYPE html>
<html>
<head>
<title>
RAD ZONE Webcreation
</title>
<meta charset="utf-8">
<style>
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
opacity: 0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity: 1;
pointer-events: auto;
}
.modalDialog > div {
width: 500px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #CCC;
background: -moz-linear-gradient(#CCC, #999);
background: -webkit-linear-gradient(#CCC, #999);
background: -o-linear-gradient(#CCC, #999);
}
.fermer {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.fermer:hover {
background: #00d9ff;
}
.pdf {
text-align: center;
}
</style>
</head>
<body>
<a href="#ouvrirModal" rel="nofollow noopener noreferrer" target="_blank">Ouvrir le pdf</a>
<div id="ouvrirModal" class="modalDialog">
<div>
<a href="#fermer" rel="nofollow noopener noreferrer" target="_blank" title="Fermer" class="fermer">X</a>
<h2>
Le PDF
</h2>
<div class="pdf">
<embed src="test.pdf" width="400" height="300" type='application/pdf' >
<p>
lien alternatif vers image: <a href="test.jpg" rel="nofollow noopener noreferrer" target="_blank">test.jpg</a>
</p>
</div>
</div>
</div>
</body>
</html>
ce n est pas valable pour les fichiers PPT !
PS: met plutot target="_self" a la place de target="_blank"
a
href="#ouvrirModal"
et a
href="#fermer"
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 451
26 mai 2017 à 20:41
26 mai 2017 à 20:41
Bonjour,
A mon avis, ce n'est pas possible, parce que ça dépend de la configuration de l'ordinateur du visiteur de ton site.
Concernant les fichiers PDF, tu peux les convertir en images avec un logiciel comme GIMP, ce qui te permettrait de les afficher sous forme d'image sur ton site, image sur laquelle tu fais un lien vers le fichier PDF pour le téléchargement du fichier.
Pour les fichiers en PPT, tu les convertis d'abord en PDF, puis en images.
Je ne te garantis pas le résultat.
A mon avis, ce n'est pas possible, parce que ça dépend de la configuration de l'ordinateur du visiteur de ton site.
Concernant les fichiers PDF, tu peux les convertir en images avec un logiciel comme GIMP, ce qui te permettrait de les afficher sous forme d'image sur ton site, image sur laquelle tu fais un lien vers le fichier PDF pour le téléchargement du fichier.
Pour les fichiers en PPT, tu les convertis d'abord en PDF, puis en images.
Je ne te garantis pas le résultat.
