Rechercher : dans
Par :

Slide show HTML

Dernière réponse le 15 jun 2009 à 17:02:47 tzar, le 1 avr 2004 à 22:59:42 
 Signaler ce message aux modérateurs

Bonjour à toutes et à toutes

Voici mon petit problème :

Je voudrais créer une petite page HTML (avec du Java Script ou une applet java ?) qui se rafraichisse toutes les x secondes en affichant à la manière des économiseurs d'écrans, une image en plein centre. Cette image possède un nom qui s'incrémente img1.jpg, img2..jpg... au gré des utilisateurs qui me les déposent dans un répertoire partagé Windows. En fait, il faut que l'image affichée soit celle qui numériquement possède le plus haut nombre ou la dernière en date. Est-ce possible ?

Merci

Meilleures réponses pour « Slide show HTML » dans :
Comment faire un clip vidéo VoirIntroduction Voici un tutoriel pour vous permettre de simplement, rapidement et facilement, créer votre propre clip vidéo. Ce tutoriel est volontairement simplifié pour vous permettre d'aborder le montage vidéo/audio. Avec de la...
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...

1

grofwa, le 1 avr 2004 à 23:11:37

Salut !

Je dirais que oui...

... déjà, un truc comme ceci, c'est pas super joli, mais ça doit marcher...

<?php

if (array_key_exists("id", $_GET))
$id = $_GET["id"];
else
$id = 0;
$id = $id + 1;
header( "refresh: 5; url=this.php?id=$id" );
echo "<p><img src='img$id.jpg'></p>"
?>


Michael.


Ne vous souciez pas de n'être pas remarqué ; cherchez 
plutôt à faire quelque chose de remarquable [Confucius]

Répondre à grofwa

2

tzar, le 1 avr 2004 à 23:31:49

Merci pour ta réponse rapide, grofwa, mais surtout pas de php car je n'ai pas de serveur à ma disposition. En fait j'ai un micro en présentoir et chaque fois qu'un collègue me dépose une photo dans mon rép partagé, cette page doit l'afficher... En tout cas merci.

Répondre à tzar

3

grofwa, le 2 avr 2004 à 10:19:38

Rien ne t'empeche d'installer un petit serveur Apache avec PHP sur ton micro...

Ne vous souciez pas de n'être pas remarqué ; cherchez 
plutôt à faire quelque chose de remarquable [Confucius]

Répondre à grofwa

4

linda, le 7 sep 2007 à 15:16:09

Bonjour

est ce qu 'il existe un site qui permet de créer un slide d'image qui fait que lorsqu"on clique sur l'image il permet une ouverture de page internet.

ou le monter soit meme sur un logiciel

pour ensuite le mettre sur myspace donc en css me semble - t il?

Répondre à linda

5

warlix, le 7 sep 2007 à 16:17:28

Salut

va faire un tour sur le site de notre RAD national :)
la tristesse c est de ne pas savoir que l on est heureux !

Répondre à warlix

6

linda, le 7 sep 2007 à 17:09:18

Qui c'est ? :) curieuse de savoir de quoi tu parles...

mais sinon j'ai trouvé :

<marquee>
<a href=" htlm que vous voulez faire ouvrir" target="_blank">
<img src=" http://image.jpg " width="200" height="160" border="0" />
<a href=" htlm que vous voulez faire ouvrir" target="_blank">
<img src=" http://img2.jpg " width="160" height="160" border="0" />
</a></marquee>


par contre il s'agit d'un défilement à l'horizontal.

pour plus de choix c'est par ici http://www.csvt.qc.ca/patriotes/html/code_spec/xmpl_mrq.htm

Répondre à linda

10

RAD ZONE, le 7 sep 2007 à 20:51:49
  • +1

SALUT

RAD c est moi loool :-)) RAD ZONE c est mon site :-))

si tu veux un simple slide vertical d images avec liens sur image j avais fais celui ci il y a qq temps
ICI

telecharge le et adapte a ta page !

il y as d autres solutions mais celle ci est simple et fonctionne partout!!

RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

7

thifoolish, le 7 sep 2007 à 17:25:30
  • +1

Bonjour,

Je rejoins Grofwa pour l'installation d'un serveur local sur votre Windows.
Le code me paraît rudimentaire, mais il a l'air efficace à première vue.

Si cela ne fonctionne pas bien, ou n'offre pas assez de fonctionnalité, il existe des librairies de code téléchargeables gratuitement et installables sur votre serveur local très facilement.

Le slide en java... C'est aussi facile que le serveur local, sauf qu'il faut des connaissances en java.
Le slide en javascript... C'est encore plus facile que les deux autres, sauf qu'il faut des connaissances en javascript.

Et la première des choses à savoir... C'est quel langage de programmation vous allez utiliser. On ne court jamais assez vite derrière le Temps.
C'est pour cela qu'on devient trop vieux avant d'avoir vécu.

Répondre à thifoolish

8

linda, le 7 sep 2007 à 18:48:04

Par contre le code <marquee> ne défile pas sous explorer.

Répondre à linda

9

thifoolish, le 7 sep 2007 à 20:32:21
  • +1

Bonjour,

La balise <marquee> est obsolète, c'est officiel depuis longtemps.
Cela veut dire que les versions suivantes des navigateurs internet ne sont pas obligés de l'interpréter
(et même encouragés à ne plus le faire du tout)

En ce qui concerne ie7, je ne sais pas. Mais toutes les anciennes versions de ie jusqu'à la 6 et les navigateurs de type mozilla (firefox, mozilla, iceweasel) interprètent convenablement cette balise, du moins lors de mes derniers tests.

Au revoir. On ne court jamais assez vite derrière le Temps.
C'est pour cela qu'on devient trop vieux avant d'avoir vécu.

Répondre à thifoolish

11

linda, le 7 sep 2007 à 23:09:00

Bonsoir
en fait la balise marquee fonctionne sous explorer ce qu'il faut mettre

<HTML>
<BODY>
<marquee>
<a href=" htlm que vous voulez faire ouvrir" target="_blank">
<img src=" http://image.jpg " width="200" height="160" border="0" />
<a href=" htlm que vous voulez faire ouvrir" target="_blank">
<img src=" http://img2.jpg " width="160" height="160" border="0" />
</a></marquee>
</marquee>
</BODY>
</HTML>

Par contre j'ai testé divers défilement, le plus propre serait le "va et vient" illustrée pas la balise suivante
<MARQUEE BEHAVIOR="alternate"></MARQUEE>
qui cette fois ci fonctionne correctement sous explorer mais pas sur firefox. une solution pour qu'elle puisse s'afficher sur ces deux navigateur?

Répondre à linda

12

linda, le 7 sep 2007 à 23:23:48

Oopss bonsoir RAD je n'avais pas apercu le message plus haut. merci pour le lien et d'ailleurs j'étais tombé sur ta page en cherchant un peu au sujet des slides sans trop faire attention au nom de ton site (navrée) qui est opérationnel soit dit en passant.

cependant j'avais essayer d'après le code source rien n'est fait, je dois coller quoi exactement?

même si j'ai réussi à peu près ce que je voulais faire je voudrais en savoir plus.

merci pour les conseils.

"Par contre j'ai testé divers défilement, le plus propre serait le "va et vient" illustrée pas la balise suivante
<MARQUEE BEHAVIOR="alternate"></MARQUEE>
qui cette fois ci fonctionne correctement sous explorer mais pas sur firefox. une solution pour qu'elle puisse s'afficher sur ces deux navigateur?"

Répondre à linda

13

RAD ZONE, le 8 sep 2007 à 00:47:36
  • +1

SALUT
tout est dans le fichier a telecharger
http://radservebeer.free.fr/menu-files/slidejs/slidejs.rar

tu met entre les head de la page cette ligne (et tu met le fichier "banner.js" a cote de ta page)

<script type="text/javascript" src="banner.js"></script>


et dans le body a l endroit ou tu veux le slide tu met
    <div id="slideCont" style="position:relative;z-index:1;width:140px;left:0px;overflow:hidden;">
	<div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
		<a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" /></a>
          <a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
         <a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
        <a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
		<div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
			<a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
          <a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
         <a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
        <a href="http://url du lien">
          <img src="ton image.gif" width="126"height="44" border="0" />
		</div>
	</div>
</div>


<MARQUEE BEHAVIOR="alternate"></MARQUEE>
marquee est obsolete ne pas l utiliser !!!!

RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

14

linda, le 8 sep 2007 à 00:55:29

Merci rad


<MARQUEE BEHAVIOR="alternate"></MARQUEE> testée sur explorer marche niquel. lol

par quoi la remplacer?

ou est ce qu il existe une page qui référence plus ou moins toutes les marques qui existent.

Répondre à linda

15

RAD ZONE, le 8 sep 2007 à 01:08:25

<MARQUEE BEHAVIOR="alternate"></MARQUEE>
n existe pas ! mais il ni as rien en html qui le remplace !

de plus cela rend la page non valide W3C

RAD ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

16

Mikaelle, le 13 sep 2007 à 17:00:32

Salut,
j'ai telechargé le fichier http://radservebeer.free.fr/menu-files/slidejs/slidejs.rar . C'est justement ce que je recherchais mais en horizontal, comment faire ?

Répondre à Mikaelle

17

liloudugenrefieu, le 27 sep 2007 à 11:31:19

Bonjour,
je voudrais savoir comment mettre mon slide show sur myspace..je suis passée par le mode sans echec san succes je ne comprends pas...si quelqu un pourrait m aider...merc ibeaucoup

Répondre à liloudugenrefieu

18

needrick, le 9 aoû 2008 à 19:35:04

Moi mon probleme c'est que le texte defile pour tout les explorateur tres connue (IE ;FF ;opera ;safari mais sous firefox le texte part du millieux du bloc et defile ensuite au lieu de reaparaitre du cote droit du bloc

Répondre à needrick

19

needrick, le 9 aoû 2008 à 19:43:35

Jai aussi le probleme mait la c'est pour tout les navaigateur internet je veut faire defile des photo a l'interieur dun bloc mait le probleme c que si je met plusieur photo defilant d'un cote vers l'autre elle defile aligner de bas en haut
exemple vaut pour le msg 18
voir le lien http://www.lariviere-photo.com/indextest.html

Répondre à needrick

20

Loopy, le 15 aoû 2008 à 11:48:56

Un petit soucis avec ce code :
if(parseFloat(id1.style.top) == -(height/2)) {

si height est impaire, ca ne marche pas...remplacer par :
if(parseFloat(id1.style.top) <= -(height/2)) {

Répondre à Loopy

21

 SanjeeOnP, le 15 jun 2009 à 17:02:47

Bonjour,
Je souhaiterais réouvrir ce sujet.
J'aimerais faire un slide show en php/js, exactement ce que propose RAD ZONE.
Pourtant j'arrive pas à adapter son code...

Entre mes balises head j'ai mis : <script type="text/javascript" src="slide_js/banner.js"></script>
Et au sein de ma div qui appelle l'animation, j'ai copié collé betement le code de RAD ZONE.

function affichage_Reducs() {
connect();
global $tab;
remplissage_Tableau_reduction();
?>
<div id="slideCont" style="position:relative;z-index:1;width:140px;left:0px;overflow:hidden;">
<div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
<a href="http://www.apache.org/">
<img src="apache.gif" width="126"height="44" border="0" /></a>
<a href="http://www.haan.net">
<img src="banner_haan_net_en.gif" width="120" height="60" border="0" /></a>
<a href="http://www.linux.org/">
<img src="linux.gif" width="126"height="64" border="0" /></a>
<a href="http://www.mysql.com/">
<img src="mysql.gif" width="126" height="44" border="0" /></a>
<a href="http://www.php.net/">
<img src="php.gif" width="126" height="44" border="0" /></a>
<a href="http://www.ubuntu.com/">
<img src="ubuntu.gif" width="126" height="34" border="0" /></a>
<div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:140px;overflow:hidden;">
<a href="http://www.apache.org/">
<img src="apache.gif" width="126"height="44" border="0" /></a>
<a href="http://www.haan.net">
<img src="banner_haan_net_en.gif" width="120" height="60" border="0" /></a>
<a href="http://www.linux.org/">
<img src="linux.gif" width="126"height="64" border="0" /></a>
<a href="http://www.mysql.com/">
<img src="mysql.gif" width="126" height="44"border="0" /></a>
<a href="http://www.php.net/">
<img src="php.gif"width="126" height="44" border="0" /></a>
<a href="http://www.ubuntu.com/">
<img src="ubuntu.gif" width="126" height="34" border="0" /></a>
</div>
</div>
</div>

<?php
}

Ce que je vois à l'écran c'est un ligne noir toute fine.
Lorsque je fais la comparaison avec Firebug entre la version de RAD et la mienne, je vois que chez la sienne les éléments sont bien les uns en dessous des autres. Chez moi, c'est en ligne...et de taille minuscule.
De plus, le javascript fonctionne pas je suppose...(rien à voir avec le navigateur...)

Merci de m'aider

Répondre à SanjeeOnP