Se connecter avec
S'enregistrer | Connectez-vous

Mettre diaporamas sur son site web

Dernière réponse : dans Logiciels de bureau

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

Lassé par la pub ? Créez un compte

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.

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 ...

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 !

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.

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>
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde