Votre question

Mettre diaporamas sur son site web

Tags :
  • Microsoft Office
  • Logiciels
Dernière réponse : dans Logiciels
27 Octobre 2006 12:55:08

Bonjour,

J'aimerais mettre des diapos sur mon site. Ou plutôt j'aimerais que les visiteurs les voient sans posséder office, car actuellement pour les voir il faut office xp et ie..
J'aimerais juste savoir si il était possible de faire un diaporamas personnalisé avec des boutons "précédent", "suivant", et visible avec ie et Firefox si possible.

Merci d'avance !

Autres pages sur : mettre diaporamas site web

27 Octobre 2006 13:10:30

Tu peux utiliser Jalbum qui te permet de créer un album photos pour être visualisé sur le WEB, indépendamment des moyens d'accès au WEB
27 Octobre 2006 13:31:52

Je l'ai téléchargé c'est pas mal du tout mais j'ai un petit problème, mes diaporamas que j'ai sont tous en pps, donc j'aimerais savoir si il serait possible de directement les mettre avec JAlbum car pour l'instant ça ne marche pas et j'ai pas trop envie d'enregistrer toutes les images du diapos une par une .. (j'en ai une cinquantaine.. ;)  )

Merci de ton aide.
Contenus similaires
31 Octobre 2006 18:04:28

Normalement, tu peux mettre dans Jalbum tout type de fichiers. Mais si c'est du pps, il faudra que chacun ait Powerpoint ( ou Ooo ) pour visualiser. Jalbum ( à ma connaissance ) ne comporte pas de "lecteur" de ce type. Il te faudra donc extraire tes images et les intégrer dans Jalbum ...
1 Novembre 2006 02:27:37

Oui c'est ce que j'ai fait ça m'a pris un petit moment mais c'est presque finit.
Par contre j'ai un problème, j'ai rajouté dans un des diapos une image .gif comportant un lien tout en bas de la page, et tout en haut j'ai mis le plan des diapos (où le visiteur se situait).
Avec ie ça marche nickel mais avec firefox je ne voit rien, comme si je n'avais rien mis..
regarde avec ie puis avec ff cette page:
http://www.ludovice.free.fr/diapos/1/Belle%20photos/Art...'%E9hp%E9m%E8re/index.html

Comment faire pour que ça marche??
Merci de votre aide !
1 Novembre 2006 09:07:31

Hello,

Je ne connais pas les possibilté de Office. Mai si tu utilises Open Office (tu as un équivalent à Powerpoint), tu as une option exporter et tu as le choix d'exporter ton pps dans plusieurs formats:
- flash (il te créer une animation flash)
- html, xhtml (il te créer une page web avec un diaporama automatique ainsi que les boutons suivants -précédents)
- gif
-pdf
bref tout ce que tu veux.


Salutations.
30 Juillet 2009 16:09:02

bonjour, pour ceux qui souhaitent un diaporama, il vous suffit d'utiliser cooliris (piclens) et vous aurez un joli diaporama exemple ici: http://www.capdeclic.com pour ce faire il vous faut piclens publisher et en quelques clics vous avez votre diaporama. si vous n'y parvenez pas n'hésitez pas à me contacter.
27 Mai 2011 21:40:41

Bonjour,

Tout d'abord merci luth53 pour le l'information, je voudrais savoir quel que point sur PicLens Slideshows ! j'ai fait le diaporama sans problème, on voit les miniatures, seulement quand je clic pour le diaporama, le diapo s'affiche mais il n'ya pas les photos et il est pas actif des tout (je veux dire par là que on peux pas faire un plein d'écran ni fermer..)

voici le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue chez Phenicia</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="forme" href="forme.css" />
<script type="text/javascript">
<!--
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" sfhover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>



<title></title>
<!-- Step 1: Add a Photos RSS feed to this webpage. //-->
<link rel="alternate" href="photos.rss" type="application/rss+xml" title="" id="gallery" />
<!-- Step 2: Include the PiclensLite JavaScript. //-->
<script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script>
<style type="text/css">
a { color: #00f; }
#pl_main { width: 700px; margin: 20px auto; font-family: Arial; font-size: 14px; line-height: 18px; color: #333; }
table.gallery { padding: 5px; width: 100%; }
table.gallery td { text-align: center; }
table.gallery img { padding: 5px; margin: 2px; border: 1px solid #ccc; max-width: 120px; max-height: 120px; }
.mbf-item { display: none; }
</style>


</head>
<body>
<div id="logo"><!-- Ici on mettra la bannière -->
<img src="logoooo.png" alt="logo" />
</div>
<ul id="menu"><!-- Ici on mettra le menu -->
<li>
<a href="index.html">Accueil</a>
</li>
<li>
<a href="La carte.html">La carte</a>

</li>

<li>
<a href="Diaporama.html">Diaporama</a>

</li>

<li>
<a href="LivreOr.php">Livre d'Or</a>

</li>


<li>
<a href="Contact.html">Contact </a>
</li>
</ul>

<div id="corpsboi"><!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->

<a href="javascript:p icLensLite.start();">Start Slide Show with PicLens Lite<img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" width="16" height="12" border="0" align="absmiddle">
</a>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfo...">
</script>

<div id="wall"> <script>
var flashvars = {
feed: "http://www.flickr.com/photos/62853235@N03/"
};
var params = {
allowFullScreen: "true",
allowscriptaccess: "always"
};
swfobject.embedSWF("http://apps.cooliris.com/embed/cooliris.swf",
"wall", "600", "450", "9.0.0", "",
flashvars, params);
</script></div>

<div id="pl_main">
<h1></h1>
<hr size="1" style="color:#ccc" />
<table class="gallery">
<tr>
<td><a href="pl_images/img1.JPG">
<img src="pl_thumbs/img1_thumb.jpg">
<span class="mbf-item">#gallery d6cad0f8-2f10-4ec8-b912-8a1d64f1a7e8</span>
</a></td>

<td><a href="pl_images/img2.JPG">
<img src="pl_thumbs/img2_thumb.jpg">
<span class="mbf-item">#gallery 1546dd65-6a2a-42fa-ad01-17fd8ff79117</span>
</a></td>

<td><a href="pl_images/img3.JPG">
<img src="pl_thumbs/img3_thumb.jpg">
<span class="mbf-item">#gallery cb4ba3a2-234a-448b-999f-36c17a2b7553</span>
</a></td>

<td><a href="pl_images/IMG_2552.JPG">
<img src="pl_thumbs/IMG_2552_thumb.jpg">
<span class="mbf-item">#gallery 1459902e-ac2f-4110-bd11-cf9abb341136</span>
</a></td>

<td><a href="pl_images/IMG_2554.JPG">
<img src="pl_thumbs/IMG_2554_thumb.jpg">
<span class="mbf-item">#gallery dd7edbc6-3641-43ca-8c1e-c930ce74888d</span>
</a></td>

</tr><tr>
<td><a href="pl_images/IMG_2556.JPG">
<img src="pl_thumbs/IMG_2556_thumb.jpg">
<span class="mbf-item">#gallery 5e40d4ef-7f72-4ad9-8617-5a967beeff15</span>
</a></td>

<td><a href="pl_images/IMG_2558.JPG">
<img src="pl_thumbs/IMG_2558_thumb.jpg">
<span class="mbf-item">#gallery 177c7280-e28f-40d8-87fa-001fdb9e7f4c</span>
</a></td>

<td><a href="pl_images/IMG_2567.JPG">
<img src="pl_thumbs/IMG_2567_thumb.jpg">
<span class="mbf-item">#gallery 67a2a2eb-1906-469f-b7d6-27367b7d01c4</span>
</a></td>

<td><a href="pl_images/IMG_2570.JPG">
<img src="pl_thumbs/IMG_2570_thumb.jpg">
<span class="mbf-item">#gallery 943bfbbe-e902-445a-9a97-c804eec02d2d</span>
</a></td>

<td><a href="pl_images/IMG_2574.JPG">
<img src="pl_thumbs/IMG_2574_thumb.jpg">
<span class="mbf-item">#gallery 7e254573-7478-4972-a43b-61b96ba06577</span>
</a></td>

</tr>
</table>
<hr size="1" style="color:#ccc">
<div>
<a href="javascript:p icLensLite.start();">Start Slide Show <img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" width="16" height="12" border="0" align="absmiddle"></a>
</div>
</div>

</div>
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS