Bloquer les boutons d'un défilement d'images

Fermé

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 - 24 mai 2008 à 17:48
bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 - 2 juin 2008 à 11:19

Bonjour à tous ^,
je suis nouvelle inscrite sur ce forum mais j'y viens souvent pour trouver des réponses à mes questions.
Mais en ce moment je travaille sur quelque chose qui me pose un problème dont je n'ai pu trouver de solution.
Je me suis donc décidé à vous demander directement si vous pouviez m'y aider.

Voilà il s'agit d'un code pour faire défiler des images avec un bouton avant et un après.
Le code fonctionne mais j'aimerais inclure la possibilité pour n'importe qui d'ajouter des images dans ce défilement.
J'ai pour cela augmenté le nombre d'image maximum à 100 mais malheureusement comme pour le moment mon dossier n'en comporte que quatre et bien après la quatrième image ou avant la première mes boutons continuent de reculer ou d'avancer dans le vide alors que j'aimerais qu'il reste bloquer à la dernière ou la première image disponible pour le moment.

Mon but est que mon défilement d'image soit mis à jour facilement par une personne qui n'y connait rien en code et à qui je laisserais cette page.

(j'espère être assez clair)

Voici le code que j'ai utilisé.

<HTML>
<head>
<script language="JavaScript"> 
<!-- 
  
function recomail() 
{ 
mail_str = "mailto:?subject=Regarde " + document.title; 
mail_str += "&body=Cette page peut t'interesser " + document.title; 
mail_str += " et elle est disponible à l'adresse : " + location.href; 
location.href = mail_str; 
  
} 
//--> 
</script> 
<title>Annonces de l'Eglise Adventiste du 7eme jour</title>

<SCRIPT LANGUAGE="JavaScript">

var compteur = 1        
var nbr_image = 100



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

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

compteur --	
}




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

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

  </SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	background-image: url(titre.jpg);
	background-repeat: no-repeat;
}
a:link {
	color: #808080;
}
a:visited {
	color: #808080;
}
a:hover {
	color: #808080;
}
a:active {
	color: #808080;
}
.Style1 {font-family: Arial}
.Style2 {font-family: Arial; font-weight: bold; }
-->
</style></head>



 

<BODY>
  <FORM>
    <center>
      <p><br>
      </p>
      <p>&nbsp;</p>
      <div align="center">
        <table border="0" cellpadding="0" cellspacing="0" bordercolor="#11111111" bgColor="#DBDBDB">  
          <tr>
            <td align="center">		    <img src="annonce1.jpg" border="0">          </td>
          </tr>
          </table>
      </div>
      <p align="center"><br>
        <input type="button" value="precedent" onClick="decremente(this.arg)">                
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" value="suivant" onClick="incremente(this.arg)">
      </p>
       </div></td>
  </tr>
  <tr>
    <td><div align="center">
      <table width="485" border="0">
        <tr>
          <td width="273"><div align="center"><img src="print.GIF" width="16" height="14"> <span class="Style3 Style1"><strong><a href="javascript:self.print()">Imprimer </a></strong></span> </div></td>
          <td width="273"><div align="center"><img src="mail.gif"> <a href="javascript:recomail()" class="Style2">Envoyer cette page &agrave; un ami</a></div></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body> 
</html>

(Peut être pourra-t-il même servir à des personnes cherchant à créer le même système avec ma contrainte en moins ^^)

Merci d'avance quelque soit vos réponses.

(J'ai plutôt un niveau de débutant pour tout ce qui est programmation mais je n'ai pas peur de faire des efforts.
Ce code aussi simple qu'il puisse être m'a demandé beaucoup de temps à comprendre et à modifier.)

A voir également:

Bloquer les boutons d'un défilement d'images
Bloquer pub youtube - Guide
Bloquer les pubs - Guide
Barre de défilement - Guide
Bloquer sur messenger - Guide
Images gratuites - Guide

7 réponses

Réponse 1 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
25 mai 2008 à 03:11

aucune réponse ?
S'il vous plaît.

Réponse 2 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
25 mai 2008 à 22:51

Désolée de devoir insister mais s'il n'y pas de réponse dites le moi car je continue à tenter.
Je suis prête à modifier totalement mon système d'affichage d'image si je peux arriver à ce que je désire faire.

Peut être me suis-je mal expliquer et que personne ne comprend où je voulais en venir mais de ce cas dites le moi aussi que je me corrige.

Merci.

Réponse 3 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
26 mai 2008 à 14:44

Je remonte un peu le sujet, ne trouvant toujours pas comment faire et ça commence à devenir urgent.
S'il vous plait.

Réponse 4 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
26 mai 2008 à 17:27

J'ai réussi à bloquer le bouton avant (image précédente) pour qu'il ne recule pas plus loin que la première image mais je ne sais toujours pas pour la dernière image.

voici la modification que j'ai faite pour le bouton précédent.

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

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

compteur --	
}

nbr_image est remplacé par le chiffre 1

Peut être cela peut-il vous donner une piste pour m'aider à bloquer aussi le bouton après (image suivante) à la dernière image disponible ?

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
27 mai 2008 à 10:30

Je ne sais vraiment pas quoi faire pour le second bouton T.T
Personne ne veut ou ne peut donc ce pencher sur le problème ?
Peut être que ce n'est juste pas possible et que je m'acharne pour rien.
Ou que la solution est tellement simple que tout cela en est ridicule ?
J'en sais rien.

Un peu d'aide s'il vous plaît.

J'ai vraiment l'impression de jeter des bouteilles à la mer.

Réponse 6 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
30 mai 2008 à 16:29

Je remonte le sujet pour savoir si ça mène à quelque chose...

Réponse 7 / 7

bloodyweld Messages postés 72 Date d'inscription samedi 24 mai 2008 Statut Membre Dernière intervention 20 juin 2008 14
2 juin 2008 à 11:19

encore une fois

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

calcule nombre des pixels "noir" dans un image (noir/blanc)

code couleur associé a une image

Excel 365 + Windows 10 Arrêt défilement flèches

Discussions similaires

Newsletters