Forum AideInfo.com Index du Forum

Ajouter cette page sur un site de bookmarks
scoopeo  fuzz  tapemoi  nuouz  bookeet  pioche  Partagez sur del.icio.us  Partagez sur digg.com  Partagez sur furl.net  Partagez sur Yahoo! Mon Web 2.0  Partagez sur StumbleUpon  Partagez sur Google Bookmarks  Partagez sur Technorati  Partagez sur blinklist  Partagez sur Newsvine  Partagez sur ma.gnolia  spurl  simpy

Publicité


Rechercher Liste des Membres Groupes d'utilisateurs Profil Connexion S'enregistrer Messagerie privéeMessagerie privée   Règles du forum Retour au siteRetour au site
  Poster un nouveau sujet Répondre au sujet Forum AideInfo.com Index du Forum » Webmastering - langages du web   
afficher une image
Auteur Message
lywood
Jeune posteur


Inscrit le: 10 Jan 2006
Messages: 4
MessagePosté le: 03 Avr 2007 21:57
MessageSujet du message: afficher une image		 Répondre en citant
Bonjour,
je souhaite afficher une succession d'images en cliquant dessus et qu'elles s'affichent sur l'emplacement de la précédente sur une page unique.
Et là , je coince!
Si quelqu'un peut m'aider?
Merci
Voir le profil de l'utilisateur Envoyer un message privé  
 
Auteur Message
AideInfo
Administrateur
Expert phpBB


Inscrit le: 11 Juin 2002
Messages: 3912
MessagePosté le: 03 Avr 2007 22:02
MessageSujet du message: 		Répondre en citant
Comme çà ?
_________________
Services gratuits

phpBB-Tutoriaux, tous les tutoriaux pour débuter et utiliser phpBB
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur  
 
Auteur Message
lywood
Jeune posteur


Inscrit le: 10 Jan 2006
Messages: 4
MessagePosté le: 03 Avr 2007 22:16
MessageSujet du message: 		Répondre en citant
oui c'est l'idée mais en cliquant directement sur l'image.
Merci

Je vais jeter un oeil sur le code pour une adaptation éventuelle si je m'y retrouve.

MErci encore, je suis parvenu à en faire ce que je voulais (en laissant les références originelles)

Dernière édition par lywood le 03 Avr 2007 22:33; édité 1 fois
Voir le profil de l'utilisateur Envoyer un message privé  
 
Auteur Message
AideInfo
Administrateur
Expert phpBB


Inscrit le: 11 Juin 2002
Messages: 3912
MessagePosté le: 03 Avr 2007 22:29
MessageSujet du message: 		Répondre en citant
A tester

Code:

<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site:  http://www.ricocheting.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}
//  End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show" onclick="next();">
</td>
</tr>
</table>
</form>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  3.24 KB -->

_________________
Services gratuits

phpBB-Tutoriaux, tous les tutoriaux pour débuter et utiliser phpBB
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur  
 
Auteur Message
lywood
Jeune posteur


Inscrit le: 10 Jan 2006
Messages: 4
MessagePosté le: 03 Avr 2007 22:47
MessageSujet du message: 		Répondre en citant
OK merci je vois les modifs que tu as faites mais où je mets les liens de mes images suivantes, dans la première mouture, il y avait :
Code:
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="cart.gif" selected>Cart
<option value="aat.gif">AAT
<option value="boat.gif">Boat
<option value="enterprise.gif">Enterprise
<option value="ewing.gif">E-Wing
<option value="f18.gif">F-18
<option value="klingon.gif">Klingon
<option value="landingcraft.gif">Landing Craft
<option value="hoverracer.gif">Hover Racer
<option value="sith.gif">Sith
</select>
</td>
</tr>


qui permettait l'ajout de nouvelles images!

sans vouloir abuser de tes compétences
Wink
Voir le profil de l'utilisateur Envoyer un message privé  
 
Auteur Message
AideInfo
Administrateur
Expert phpBB


Inscrit le: 11 Juin 2002
Messages: 3912
MessagePosté le: 04 Avr 2007 11:29
MessageSujet du message: 		Répondre en citant
Non, ça permet de changer d'image par une liste déroulante. Il n'y a pas de lien, le changement doit se faire au clic. Après, tu peux changer le curseur.
_________________
Services gratuits

phpBB-Tutoriaux, tous les tutoriaux pour débuter et utiliser phpBB
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur  
 
  Poster un nouveau sujet  Répondre au sujet Forum AideInfo.com Index du Forum » Webmastering - langages du web

Réponse rapide
Nom d'utilisateur:

Very Happy Smile Sad Surprised Shocked Confused Cool Laughing Mad Razz Embarassed Crying or Very sad Evil or Very Mad Twisted Evil Rolling Eyes Wink Exclamation Question Idea Arrow Neutral Mr. Green Raleur Plié de rire
Options
Citer le dernier message
Question anti-robots:
Cette question est malheureusement nécessaire pour empêcher les robots publicitaires de poster des messages sur ce forum. Merci de votre compréhension. (sensible à la casse( Majuscules/minuscules))		 Saisissez la suite suivante à l'envers, en respectant les majuscules et minuscules : Af58tUvP-68V7
Votre réponse:
 

Informations
Page 1 sur 1
Permissions: Vous pouvez poster de nouveaux sujets dans ce forum
Vous pouvez répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Montrer les messages depuis:   
Page 1 sur 1
 
Sauter vers:  


Powered by phpBB v2 © 2001, 2005 phpBB Group ¦ Theme : Creamy White, modifié par Eric FICHOT pour AideInfo.com