Probleme diaporama
Posté : 27 août 2005, 07:20
Bonjour à tous,
Je vais essayé d'etre clair et succinscte dans mes explications mais ça va etre dur, voila j'ai un super diaporama qui marche tres bien grace à vous, dans ma base je mets 3 images par enregistrement j'ai ensuite fait une page qui les montrent en petit et quand on clique sur l'une ou l'autre ça ouvre un diaporama, mais le probleme c'est que je peux cliquer sur n'importe laquelle c'est toujours par la photo1 que le diaporama commence et ce que je souhaiterai pouvoir faire grace à votre aide c'est qu'en fonction de la photo sur laquelle on clique ça ouvre en premier la photo sur laquelle on a cliqué au commencement du diaporama,l'appel du diaporama se fait par l'id de l'enregistrement:
En esperant ne pas avoir été trop brouillon dans mon explication, d'avance un grand merci aux personnes qui auront le courage de tout lire,
en esperant que c'est possible !!!
Je vais essayé d'etre clair et succinscte dans mes explications mais ça va etre dur, voila j'ai un super diaporama qui marche tres bien grace à vous, dans ma base je mets 3 images par enregistrement j'ai ensuite fait une page qui les montrent en petit et quand on clique sur l'une ou l'autre ça ouvre un diaporama, mais le probleme c'est que je peux cliquer sur n'importe laquelle c'est toujours par la photo1 que le diaporama commence et ce que je souhaiterai pouvoir faire grace à votre aide c'est qu'en fonction de la photo sur laquelle on clique ça ouvre en premier la photo sur laquelle on a cliqué au commencement du diaporama,l'appel du diaporama se fait par l'id de l'enregistrement:
echo "<a href=\"javascript:void(0)\" onClick=\"window.open ('diaporama.php?id=$id', null, 'width=510, height=640,status=no,[b]toolbar=no[/b], menubar=no, scrollbars=yes, resizable=no, left=0, top=10');\">";<!-- DEBUT DU SCRIPT DIAPORAMA-->
<script
LANGUAGE="JavaScript">
var current = 0;
function next(){ // forward one image
if(document.formname.slide[current+1]){
document.images.show.src = document.formname.slide[current+1].value;
document.formname.slide.selectedIndex = ++current;}
else{first();}}
function previous(){ // back on image
if((current-1) >= 0){
document.images.show.src = document.formname.slide[current-1].value;
document.formname.slide.selectedIndex= --current;}
else{last();}}
function first(){ // jump to first image
current=0;
document.images.show.src = document.formname.slide[0].value;
document.formname.slide.selectedIndex=0;}
function last(){ // this is jump to last image
current=(document.formname.slide.length-1);
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex=current;}
function ap(text){ // this controls the auto-play and/or auto-stop
document.formname.slidebutton.value=(text == "Stop") ? "Start" : "Stop";
rotate();}
function change(){ // this is for the pulldown menu
current=document.formname.slide.selectedIndex;
document.images.show.src = document.formname.slide[current].value;}
function rotate() {
if (document.formname.slidebutton.value == "Stop") {
current = (current == document.formname.slide.length-1) ? 0 : current+1;
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex = current;
window.setTimeout("rotate()", 4000);}}
<!-- FIN DU SCRIPT DIAPORAMA--></script> </p>
<?
// connection à la base de données
mysql_connect("localhost","root","");
mysql_select_db("");
$req = mysql_query("SELECT * FROM annonces WHERE id='$id'");
$i=0;
{
$id=mysql_result($req,$i,"id");
$Image1 = mysql_result($req,$i,"Image1");
$Image2 = mysql_result($req,$i,"Image2");
$Image3 = mysql_result($req,$i,"Image3");
echo "<body onLoad='ap(this.value);'>";
echo "
<form name='formname'>
<img src='images_upload/' name='show' border=4 width=467>
<select name='slide' onChange='change();' size='0' style='display: none'>";
echo "<option value='images_upload/$Image1'>
<option value='images_upload/$Image2'></option>
<option value='images_upload/$Image3'></option>
}
<tr><center>
<td align='center' bgcolor='#BDC5FE'><input type='button' onclick='first();'
value='|<<' title='Jump to beginning' style='border:1'> <input
type='button' onclick='previous();' value='<<' title='Last Picture'
style='border:1 '> <input type='button' name='slidebutton'
onClick='ap(this.value);' value='Start' title='AutoPlay'
style='width:75;border:1'> <input type='button' onclick='next();'
value='>>' title='Next Picture' style='border:1'> <input
type='button' onclick='last();' value='>>|' title='Jump to end'
style='border:1'></center>";
}
?>'diaporama.php?Image1=$Image1'En esperant ne pas avoir été trop brouillon dans mon explication, d'avance un grand merci aux personnes qui auront le courage de tout lire,
en esperant que c'est possible !!!