CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 11 20 12:21:50

[OPEN XML] LES SPéCIFICATIONS D'OPEN XML ISO ENFIN PUBLIéES ! par neodante

SAF 2008 : DAY I par MPOWARE

PASS 2008 : RéSUMé DE LA PREMIèRE JOURNéE par christian

WINDOWS AZURE SERVICES : PREMIèRE APPLICATION - SERVICE ON THE CLOUD : JUST DO IT ! par redo

SQL SERVER KILIMANJARO : DATA-TIER APPLICATION COMPONENT - DAC par christian

RE : SELECTION DANS UN TABLEAU par Bul3

RE : SELECTION DANS UN TABLEAU par saltwater08

RE : SELECTION DANS UN TABLEAU par Bul3

RE : INCOMPATIBILITé IE6/IE7 CLIC DROIT AFFICHAGE MENU PERSONNALISé par Bul3

INCOMPATIBILITé IE6/IE7 CLIC DROIT AFFICHAGE MENU PERSONNALISé par matiassa

+ de logiciels à télécharger

1 291 743 membres
239 nouveaux aujourd'hui
14 519 membres club

Trouver une ressource

Trouvez une ressource parmi 39 004 codes, 1 202 892 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

IMAGE DÉFILANTE (LE PLUS SIMPLE POSSIBLE)

Information sur la source

Catégorie :Navigation Classé sous : défiler, image, défilante, tableau Niveau : Débutant Date de création : 19/01/2006 Vu / téléchargé: 25 902 / 2 263

Auteur : nicompx

Ecrire un message privé

Note :

6,00 / 10

Commentaire sur cette source (9)

Ajouter un commentaire et/ou une note

Description

Ce code source permet de faire défiler des images grâce à des boutons.

Bouton :
Début
Fin
Suivante
Précédente

Source

<HTML>
<head>
<title> Images défilante </title>
<SCRIPT LANGUAGE="JavaScript">
var compteur = 1
var nbr_image = 4
function decremente(arg)
{
if (compteur == 0)
{
compteur = nbr_image
}
document.images[0].src = "img"+compteur+".jpg"
compteur --
}
function incremente(arg)
{
compteur ++
if (compteur == (nbr_image+1))
{
compteur = 1
}
document.images[0].src = "img"+compteur+".jpg"
}
function fin(arg)
{
compteur = nbr_image
document.images[0].src = "img"+compteur+".jpg"
}
function debut(arg)
{
compteur = 1
document.images[0].src = "img"+compteur+".jpg"
}
</SCRIPT>
</head>
<BODY bgColor=#800000>
<FORM>
<center><br><br><br>
<table border="3" cellpadding="3" cellspacing="3" bordercolor="#11111111" bgColor="#DBDBDB">
<tr>
<td align="center">
<img src="img1.jpg" border="0">
</td>
</tr>
</table>
<br><br>
<input type="button" value="Image précédente" onclick="decremente(this.arg)">
<input type="button" value="Image suivante" onclick="incremente(this.arg)">
<input type="button" value="Première Image" onclick="debut(this.arg)">
<input type="button" value="Dernière Image" onclick="fin(this.arg)">
</center>
</FORM>
</BODY>
</HTML>

<HTML>
   <head>
      <title> Images défilante </title>

<SCRIPT LANGUAGE="JavaScript">

var compteur = 1        
var nbr_image = 4



function decremente(arg)                               
{
 
if (compteur == 0) 					
	{
	compteur = nbr_image				
	}

document.images[0].src = "img"+compteur+".jpg"	

compteur --	
}




function incremente(arg) 
{
compteur ++
						
	if (compteur == (nbr_image+1)) 			
	{
	compteur = 1
	}

document.images[0].src = "img"+compteur+".jpg"
}




function fin(arg)
{
	compteur = nbr_image
	document.images[0].src = "img"+compteur+".jpg"
}



function debut(arg)
{
	compteur = 1
	document.images[0].src = "img"+compteur+".jpg"
}


  </SCRIPT>
</head>



 

<BODY bgColor=#800000>
  <FORM>
    <center><br><br><br>
      <table border="3" cellpadding="3" cellspacing="3" bordercolor="#11111111" bgColor="#DBDBDB">  
        <tr>
          <td align="center">

		<img src="img1.jpg" border="0">
          </td>
        </tr>
      </table>


<br><br>
<input type="button" value="Image précédente" onclick="decremente(this.arg)">                

<input type="button" value="Image suivante" onclick="incremente(this.arg)">

<input type="button" value="Première Image" onclick="debut(this.arg)">

<input type="button" value="Dernière Image" onclick="fin(this.arg)">


    </center>
  </FORM>
</BODY>
</HTML>

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Image d,filante.htm 1 428 octets
img1.jpg 18 606 octets
img2.jpg 8 781 octets
img3.jpg 9 682 octets
img4.jpg 9 000 octets

Télécharger le zip

Sources de la même categorie

WINDOWS , POUR FAIRE DE JOLIE FENETRE )) par Kimjoa

ONGLET, AVEC PLEIN D'OPTIONS )) par Kimjoa

RECHERCHE D'ID D'UN ELEMENT PARENT DANS UN DOCUMENT par jsgorre

DOM PARCOURIR LES RÉPERTOIRES ET FICHIERS EN LOCAL (EXCLUSIF... par nickadele

DÉSACTIVER LE BOUTON BACK DU BROWSER par Martin72

Toutes les sources de la catégorie Navigation

Sources en rapport avec celle ci

ZOOM SUR IMAGE A LA SOURIS par kazma

DIAPO EN FONDU ENCHAINE par kazma

ANNIMATION QUI RECOUVRE L'ÉCRAN AVEC UN PNG SEMI TRANSPARENT par djmmix

IMAGES DANS UN TABLEAU AUTOMATIQUE par adelvian

IMAGE DÉFILANTE par kheprys

Commentaires et avis

Commentaire de PetoleTeam le 19/01/2006 13:50:50

Bonjour

Il serait plus élégant de travailler avec
<img NAME="PHOTO" src="img1.jpg" border="0">
pour appeler
  document.images['PHOT0'].src
et non
  document.images[0].src
d'autre part tu passes en paramètre aux fonction ( arg) qui n'est pas utilisé...dommage

et enfin toujours dans l'élégance une fonction du type ShowImage()
globale appelée de la sorte ShowImage( +1) ou ( -1) et pour le débute et la fin ShowIMage( document.images.length) et (0) pour le début....

C'est quand même bien, on a tous débuté

Commentaire de vincenzo51 le 13/08/2007 19:47:37

Bonjour,

Nicompx est peut être un débutant, mais il a un meilleur niveau que moi "Oh Humilité quand tu nous tiens!!"
Alors ces judicieux conseils PetoleTeam sont sûrement très bien, mais je ne les comprends pas… Serait il possible d’avoir le code amélioré complet svp ? Je cherche à faire ça partout sur le net, et je m’apprête à utiliser ce code.

Merci pour les éclaircissements !

Vincenzo

Commentaire de PetoleTeam le 20/08/2007 19:16:32

Bonjour,
Je pensais que nicompx avait modifier sa source.
Je t'en livre une exemple parmis tant d'autres sur base de la source ci dessus...
//--------------------------------------------------------------------------
<html>
<head>
<title> Images défilante </title>
<script type="text/javascript">
var Num_Image = 1
var Max_Image = 4
//-----------------------
function ShowImage( inc_){
  //-- Recup de l'objet
  var O_Img = document.images['PHOTO'];
  //-- Gestion des Bornes
  Num_Image += inc_;
  if( Num_Image < 1) Num_Image  = Max_Image;
  if( Num_Image > Max_Image) Num_Image = 1;
  //-- Affichage Image
  O_Img.src  = "img" + Num_Image +".jpg"
}
</script>
</head>
<body bgcolor=#800000>
<center><br><br><br>
<table border="3" cellpadding="3" cellspacing="3" bordercolor="#11111111" bgcolor="#DBDBDB">
<tr>
<td align="center">
<img name="PHOTO" src="img1.jpg" border="0">
</td>
</tr>
</table>
<br><br>
<input type="button" value="Image précédente" onclick="ShowImage(-1);">
<input type="button" value="Image suivante"   onclick="ShowImage(+1);">
<input type="button" value="Première Image"   onclick="Num_Image = 1; ShowImage(0);">
<input type="button" value="Dernière Image"   onclick="Num_Image =Max_Image;ShowImage(0);">
</center>
</body>
</html>
//--------------------------------------------------------------------------

;0)

Commentaire de vincenzo51 le 22/08/2007 16:19:35

Super! Merci PetoleTeam!

Vincenzo

Commentaire de Pedrosa le 04/10/2007 12:39:46

Merci pour ton code qui marche bien. Mais on pourrait améliorer tout ça.
Par exemple em adicionnant le défilement régulier à un intervalle de temps précis.

Bonne continuation.

Commentaire de JacarandaRom1 le 23/10/2007 11:33:55

Bonjour a tous!
J'aimerai mettre en place ce script pour faire défiler des images qui sont contenues dans une base de données!
Est ce possible? Et si Oui , à quoi pourrai ressembler le code ?!
Merci d'avance!

Commentaire de pygo le 13/05/2008 12:12:19

salut a tous,

je viens d'installer ce code mais mes images s'affichent l'une en dessous de l'autre.comment faire pour les afficher une par une en utilisant les boutons?

merci beaucoup

Commentaire de LSDY le 28/08/2008 14:47:42

Salut,
pas mal du tout, mais quand on en met plusieurs fois le script sur la page (pour faire différents "diaporamas"/défilements d´images) ça ne marche pas : je clique sur le bouton du 1er diaporama, et ça change l´image dans le 2°...

Vu que je ne taquine pas vraiment le js, ce serait cool que quelqu'un m´explique comment faire.

Commentaire de mimiZanzan le 04/09/2008 15:54:04

Salut,
Je voudrais pouvoir afficher sous les images un commmentaire spécifique à chaque image, qui défilerait donc en même temps que les images.
Comment faire SVP?
Je suis débutant en Java script.
Merci d'avance

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Aïe Problème Visu d'Image [ par esdtechnologie ] Bonjour à toutes et à tous.Voilà j'ai un problème, je crée un tableau en dynamique à partir d'une requête SQL.La première colonne de mon tableau corre Image + Tableau... [ par MAsterC ] Salut à tous!Exist-il un moyen de faire un étirement avec une image en Background dans un tableau?Merci d'avance MAsterC - Power Of Dream. <img src=/i Deplacement d'une image [ par missceline33 ] Bonjour, j'ai un petit problème. J'ai un tableau contenant une image et je souhaite pouvoir déplacer cette image de manière assez flui étirer image avec du css [ par eax ] bonsoir,je souhaite mettre une image en fond dans un tableau (dans la balise TD). je souhaiterai que cette image soit étirée, qu'elle prenne toute la Image centrée en fond de tableau... [ par orelien ] Bonjour,J'aimerais placer une image en fond d'un tableau mais centrée...Merci.Orélien. faire défiler du texte et integrer un javascript sur une image [ par melane35 ] Bonjour, je suis toute nouvelle sur ce site et je réalise actuellement 1 site avec dreamweaver. J'ai quelques questions : il me semble qu'il est possi Figer des colonnes [ par mlelorra ] BonjourJ'ai une page ou il y a un tableau. Ce tableau est constitué d'une quinzaine de colonnes et l'ensemble ne peut pas s'afficher sans faire défile faire apparaitre une image en selectionnant une cellule d'un tableau [ par magouya ] bonjour à tous! Je sollicite votre aide concernant un site que je dois creer (c'est la première fois que l'on me propose de faire un site), Défiler une image par drag à l'intérieur d'un bloc [ par douggy12 ] Bonjour,Je cherche un script assez commun je pense mais je ne trouve pas :Il s'agit de faire défiler une image avec le maintien du clic gauche de la s De l'aide ! - Image réalisé à partir d'un tableau (X,Y,Z) [ par raftanelle ] BONJOUR.J'ai beau chercher, je ne trouve pas.Il me faudrait un programme pour créer une image (bmp, jpg, ou autre) à partire d'un nuage de p