A voir également:
- [JAVA]Affichage d'une image (Probleme)
- Waptrick java football - Télécharger - Jeux vidéo
- Jeux java itel football - Télécharger - Jeux vidéo
- Java apk - Télécharger - Langages
- Image iso - Guide
- Waptrick java voiture - Télécharger - Jeux vidéo
3 réponses
diogene51
Messages postés
1038
Date d'inscription
vendredi 4 avril 2008
Statut
Membre
Dernière intervention
15 juin 2018
302
10 mars 2009 à 20:43
10 mars 2009 à 20:43
Tiens tu peux faire comme cela c'est avec défilement bouton ect....
Voir l'exemple===>http://www.henri-ruch.ch/javascript/defilement/presentation.asp
Tu peux mettre autant d'image que tu veux il faut juste changer le chiffre au tout début ( var max= ??
Je sais sa n'a rien avoir avec ta question mais peut etre-tu sauras content ;-)
<html>
<head>
<title>Presentation</title>
</head>
<body>
<script language="JavaScript">
<!--
// Cacher à la lecture des anciens navigateurs
//----------------------------- [Variables] -----------------------------------------------//
var max = 4 // Nombre d'images
var definition = new Array(max-1) // Texte à afficher
var ImageEnCours = 0 // Image affichée
var timeout = 0 // Timer
var Vitesse = 800 // Vitesse de défliement
definition[0]="Un"
definition[1]="Deux"
definition[2]="Trois"
definition[3]="Quatre"
//----------------------------- [Affiche la liste] ---------------------------------//
function AfficheDefinitions()
// <a href="#" onclick="ChargeImage(0);">Image 1</a><br>
{
for (var i=0; i < max; i++)
{
sp= "\""
s="<a href="+sp+"#"+sp+" onclick="+sp+"ChargeImage("+i+");"+sp+">" +definition[i]+"</a>"
document.write(s)
document.writeln("<br>")
}
}
//----------------------------- [Charge une image] ----------------------------------------//
function ChargeImage(NumImage)
{
document.images[0].src = "img" + (NumImage) +".jpg"
document.links[max].href="page"+NumImage+".htm"
document.links[max+1].href="page"+NumImage+".htm"
}
//----------------------------- [Affiche premiere image] --------------------------------//
function PremiereImage()
{
ImageEnCours=0
ChargeImage(ImageEnCours)
}
//----------------------------- [Affiche image précédente] --------------------------------//
function ImagePrecedente()
{
ImageEnCours--
if (ImageEnCours < 0)
{
ImageEnCours = max-1
}
ChargeImage(ImageEnCours)
}
//----------------------------- [Affiche image suivante] ---------------------------------//
function ImageSuivante()
{
ImageEnCours++
if (ImageEnCours > max-1 )
{
ImageEnCours = 0
}
ChargeImage(ImageEnCours)
}
//----------------------------- [Affiche derniere image] ---------------------------------//
function DerniereImage()
{
ImageEnCours = max-1
ChargeImage(ImageEnCours)
}
//----------------------------- [Défilement continu] --------------------------------------//
function ImageContinu()
{
ImageSuivante()
timeout = setTimeout("ImageContinu()", Vitesse)
}
//----------------------------- [Arrête le défilement] ------------------------------------//
function Arret()
{
clearTimeout(timeout)
}
//----------------------------- [Fin du scripte] --------------------------------------------//
// -->
</script>
<table border="0" width="500">
<tr>
<td width="150">
<form method="POST">
<p>
<input type="button" name="defile" value="Défile" onClick="ImageContinu()">
<input type="button" name="stop" value="Stop" onClick="Arret()">
</p>
<p>
<input type="button" name="prem" value="¦<" onClick="PremiereImage()">
<input type="button" name="moins" value="<" onClick="ImagePrecedente()">
<input type="button" name="plus" value=">" onClick="ImageSuivante()">
<input type="button" name="der" value=">¦" onClick="DerniereImage()">
</p>
</form>
<p>
<br>
<script language="JavaScript">
AfficheDefinitions()
</script>
<br>
<br>
<br>
</p>
</td>
<td>
<p align="center">
<a href=""><img src="" border="0" width="200" height="100"></a>
<br>
<br> <a href="">Voir le détails</a>
</p>
</td>
</tr>
</table>
<script language="JavaScript">
ChargeImage(0)
</script>
</body>
</html>
Voir l'exemple===>http://www.henri-ruch.ch/javascript/defilement/presentation.asp
Tu peux mettre autant d'image que tu veux il faut juste changer le chiffre au tout début ( var max= ??
Je sais sa n'a rien avoir avec ta question mais peut etre-tu sauras content ;-)
<html>
<head>
<title>Presentation</title>
</head>
<body>
<script language="JavaScript">
<!--
// Cacher à la lecture des anciens navigateurs
//----------------------------- [Variables] -----------------------------------------------//
var max = 4 // Nombre d'images
var definition = new Array(max-1) // Texte à afficher
var ImageEnCours = 0 // Image affichée
var timeout = 0 // Timer
var Vitesse = 800 // Vitesse de défliement
definition[0]="Un"
definition[1]="Deux"
definition[2]="Trois"
definition[3]="Quatre"
//----------------------------- [Affiche la liste] ---------------------------------//
function AfficheDefinitions()
// <a href="#" onclick="ChargeImage(0);">Image 1</a><br>
{
for (var i=0; i < max; i++)
{
sp= "\""
s="<a href="+sp+"#"+sp+" onclick="+sp+"ChargeImage("+i+");"+sp+">" +definition[i]+"</a>"
document.write(s)
document.writeln("<br>")
}
}
//----------------------------- [Charge une image] ----------------------------------------//
function ChargeImage(NumImage)
{
document.images[0].src = "img" + (NumImage) +".jpg"
document.links[max].href="page"+NumImage+".htm"
document.links[max+1].href="page"+NumImage+".htm"
}
//----------------------------- [Affiche premiere image] --------------------------------//
function PremiereImage()
{
ImageEnCours=0
ChargeImage(ImageEnCours)
}
//----------------------------- [Affiche image précédente] --------------------------------//
function ImagePrecedente()
{
ImageEnCours--
if (ImageEnCours < 0)
{
ImageEnCours = max-1
}
ChargeImage(ImageEnCours)
}
//----------------------------- [Affiche image suivante] ---------------------------------//
function ImageSuivante()
{
ImageEnCours++
if (ImageEnCours > max-1 )
{
ImageEnCours = 0
}
ChargeImage(ImageEnCours)
}
//----------------------------- [Affiche derniere image] ---------------------------------//
function DerniereImage()
{
ImageEnCours = max-1
ChargeImage(ImageEnCours)
}
//----------------------------- [Défilement continu] --------------------------------------//
function ImageContinu()
{
ImageSuivante()
timeout = setTimeout("ImageContinu()", Vitesse)
}
//----------------------------- [Arrête le défilement] ------------------------------------//
function Arret()
{
clearTimeout(timeout)
}
//----------------------------- [Fin du scripte] --------------------------------------------//
// -->
</script>
<table border="0" width="500">
<tr>
<td width="150">
<form method="POST">
<p>
<input type="button" name="defile" value="Défile" onClick="ImageContinu()">
<input type="button" name="stop" value="Stop" onClick="Arret()">
</p>
<p>
<input type="button" name="prem" value="¦<" onClick="PremiereImage()">
<input type="button" name="moins" value="<" onClick="ImagePrecedente()">
<input type="button" name="plus" value=">" onClick="ImageSuivante()">
<input type="button" name="der" value=">¦" onClick="DerniereImage()">
</p>
</form>
<p>
<br>
<script language="JavaScript">
AfficheDefinitions()
</script>
<br>
<br>
<br>
</p>
</td>
<td>
<p align="center">
<a href=""><img src="" border="0" width="200" height="100"></a>
<br>
<br> <a href="">Voir le détails</a>
</p>
</td>
</tr>
</table>
<script language="JavaScript">
ChargeImage(0)
</script>
</body>
</html>
diogene51
Messages postés
1038
Date d'inscription
vendredi 4 avril 2008
Statut
Membre
Dernière intervention
15 juin 2018
302
10 mars 2009 à 21:02
10 mars 2009 à 21:02
J'ai fais une petite page avec musique plus image juste pour m'apprendre mais pas comme le code du haut...
Encore un autre ;-))
http://davidbad51.free.fr/AC-DC.php
Encore un autre ;-))
http://davidbad51.free.fr/AC-DC.php