Tout JavaScript.com - Scripts, Tutoriaux, Forums pour webmasters et développeurs
Retour à l'accueil
Rechercher :    

Les indispensables
Magic Menu
Les meilleurs scripts
Les forums
Les tutoriaux
La référence JavaScript
Les actus du net
Les petites annonces

Shopping
Le guide complet
Hébergement web

Les javascripts
Les plus vus
Les mieux notés
La boutique

Les tutoriaux
Introduction javascript
Les formulaires
AJAX / XMLHTTPRequest
Le DHTML
Les expressions régulières
Introduction au PHP
Tous les tutoriaux

Les services
Les questions fréquentes
Les forums | Le chat
L'annuaire de sites
Le livre d'or
Contacts
A propos du site
La newsletter
 Inscription à la newsletter
HTML - Texte

Les partenaires
Beauté-test
Mémoclic
Glandouille.com
Révélateur.com
Foorby, favoris en ligne
Config Mac
jquery
Hébergement gratuit
Conseils pour les paris en ligne
Acheter un Nom de Domaine



Codes promotions, réductions et bons plans pour vos achats en ligne










Connexion :
Login :
Password :
Se souvenir de moi
 S'enregistrer
Menu Forums
Rechercher
Questions Fréquentes
Liste des avatars
Liste des connectés
 
Tous les forums > JavaScript > Adapter ce script
2 réponses - Page : 1
Adapter ce script
ConceptInterWEB - 08/02/10 06:23 Profil |  Site web  
Bonjour,

J'ai un script qui charge des images dans un ARRAY, ensuite en dessous de mes images, j'ai 2 boutons, avec chacun une fléche pointant à gauche, et l'autre pointant à droite, permettant de naviguer à travers les photos, quand la dernière est atteinte, la première affiche, et vice-versa si l'on va dans l'autre sens.

J'aimerais que chaque image soit cliquable afin qu'elle s'agrandisse dans une nouvelle selon un format établi.

Voici le script qui gère mes images 


<script type="text/javascript">

arrPhoto1 = new Array();

picNum1 = 0;

<?php for ($i = 0; $i < count($arrPhoto1); $i++) echo("arrPhoto1[" . $i . "] = '" . $arrPhoto1[$i] . "';\n");?>

	

function gotoPhoto1(num) {

   var img = document.getElementById('myPhoto1');

   picNum1 = picNum1 + num;

   if (picNum1 < 0) picNum1 = arrPhoto1.length - 1;

   if (picNum1 >= arrPhoto1.length) picNum1 = 0;

   img.src = 'images/' + arrPhoto1[picNum1];

}

</script>


Et la partie de mon code qui appele le script : 


<?php if (count($arrPhoto1) > 0) { ?>

<img border="0" id="myPhoto1" width="200" height="250">

<script type="text/javascript">

	gotoPhoto1(0);

</script>

<?php if (count($arrPhoto1) > 1) { ?>

   <div align="center" style="font-size: 14px; font-weight: bold;">

   <input type="button" value="&lt;--" onClick="gotoPhoto1(-1);">

   <input type="button" value="--&gt;" onClick="gotoPhoto1(1);">

    </div>

<? } ?>

<?php } ?>


D'après moi le travail doit se faire au niveau de la balise img, j'ai essayé plusieurs choses, mais sans résultat.

Merci de votre aide.

typo - 09/02/10 15:45 Profil  

Bonjour ConceptInterWEB,

Si je comprends bien ce que vous voulez, peut-être que ceci vous aidera : 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>

		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

		<title>Page sans titre</title>

		<script type="text/javascript">

			arrPhoto1 = new Array();

			picNum1 = 0;

			<?php

			$arrPhoto1 = array("img1.jpg","img2.jpg","img3.jpg","img4.jpg","img5.jpg");

			for ($i = 0; $i < count($arrPhoto1); $i++) echo("arrPhoto1[" . $i . "] = '" . $arrPhoto1[$i] . "';\n");?>



			function gotoPhoto1(num) {

				var img = document.getElementById('myPhoto1');

				picNum1 = picNum1 + num;

				if (picNum1 < 0) picNum1 = arrPhoto1.length - 1;

				if (picNum1 >= arrPhoto1.length) picNum1 = 0;

				img.src = 'images/' + arrPhoto1[picNum1];

				if (typeof newImg != "undefined") {

					newImg.close();

				}

			}

			

			function agrandir(imgBig) {

				if (typeof newImg == "undefined" || newImg.closed) {

					newImg = window.open("","popImg","top=100px,left=200px,width=500px,height=400px");

					newImg.document.write('<img src="'+imgBig+'" style="width:100%;height:100%">');

				} else {

					newImg.focus();

				}

			}

		</script>

	</head>

	<body bgcolor="#ffffff">

		<?php if (count($arrPhoto1) > 0) { ?>

			<a href="#"><img border="0" id="myPhoto1" width="200" height="250" onclick="agrandir(this.src)"></a>

			<script type="text/javascript">

				gotoPhoto1(0);

			</script>

			<?php if (count($arrPhoto1) > 1) { ?>

				<div align="center" style="font-size: 14px; font-weight: bold;">

					<input type="button" value="&lt;--" onclick="gotoPhoto1(-1);">

					<input type="button" value="--&gt;" onclick="gotoPhoto1(1);">

				</div>

			<?php } ?>

		<?php } ?>

	</body>

</html>


Bonne continuation.

ConceptInterWEB - 09/02/10 19:06 Profil |  Site web  
Bonjour

Je n'en demandais pas autant, je voulais une piste afin de m'aider.
C'Est exactement ce que je désire.

Merci infiniment pour votre aide, c'est très apprécié.

2 réponses - Page : 1
Tous les forums > JavaScript > Adapter ce script

| © Tout JavaScript.com 1999-2005 | Scripts | Tutoriaux | Forums | Référence | Magic Menu V2 | Mailociraptor | Petites annonces informatiques |


Edité par DevTribu sarl  Google
Serveur dédié btssd : Page générée en 10 msec
09/09/2010 14:34:22 - OB = off