Signaler

Mon slideshow est bloqué

Posez votre question yantop 103Messages postés vendredi 12 mars 2010Date d'inscription 8 septembre 2017 Dernière intervention
Bonjour, 

Au secours la famille , j'ai modifié un ancien fichier php permettant de faire défiler des images en slideshow , mais j'ai alors tout gâté . J'ai même remis l’ancien fichier mais ça ne marche plus. Le slideshow bloque sur une image et les légendes sont sur le slideshow. Voici ça :
<?php
session_start();
?>
<html>
<?php
/*****************LAURICE PORTAL FILE***********************************
Copyright 2015

/


?>

<?php
/***********The Header**************/
include('global/header.php');

?>

<!---Main--->
<div class="main" onmouseover="javascript:remove_ssmenu()">

<div class="deco_evnmt">

</div>
<div class="content_evnmt">

<div class="row1_evnmt">

<div class="header-deco_evnmt"><?php echo LA_PHOTOTHEQUE;?></div>

<div class="slider_evnmt">

<span id="sl_play" class="sl_command"> </span>
<span id="sl_pause" class="sl_command"> </span>
<span id="sl_i1" class="sl_command sl_i"> </span>
<span id="sl_i2" class="sl_command sl_i"> </span>
<span id="sl_i3" class="sl_command sl_i"> </span>
<span id="sl_i4" class="sl_command sl_i"> </span>
<span id="sl_i5" class="sl_command sl_i"> </span>
<span id="sl_i6" class="sl_command sl_i"> </span>
<span id="sl_i7" class="sl_command sl_i"> </span>
<span id="sl_i8" class="sl_command sl_i"> </span>
<span id="sl_i9" class="sl_command sl_i"> </span>
<span id="sl_i10" class="sl_command sl_i"> </span>

<section id="slideshow">


<a class="play_commands pause" href="#sl_pause" rel="nofollow noopener noreferrer" target="_blank" title="Maintain paused">Pause</a>
<a class="play_commands play" href="#sl_play" rel="nofollow noopener noreferrer" target="_blank" title="Play the animation">Play</a>

<div class="container">
<div class="c_slider"></div>
<div class="slider">
<figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;"
src="slider/1.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/2.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/3.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/4.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/5.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/6.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/7.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/8.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/9.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/10.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/11.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/12.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/13.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/14.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/15.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/16.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/17.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/18.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/19.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/20.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/21.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/22.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/23.jpg" alt="" width="935" height="300" />

</figure><!--
--><figure>
<img style="-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; z-index:100;" src="slider/24.jpg" alt="" width="935" height="300" />

</figure>
</div>
</div>

<ul class="dots_commands"><!--
--><li><a title="Show slide 1" href="#sl_i1" rel="nofollow noopener noreferrer" target="_blank">Slide 1</a></li><!--
--><li><a title="Show slide 2" href="#sl_i2" rel="nofollow noopener noreferrer" target="_blank">Slide 2</a></li><!--
--><li><a title="Show slide 3" href="#sl_i3" rel="nofollow noopener noreferrer" target="_blank">Slide 3</a></li><!--
--><li><a title="Show slide 4" href="#sl_i4" rel="nofollow noopener noreferrer" target="_blank">Slide 4</a></li><!--
--><li><a title="Show slide 5" href="#sl_i5" rel="nofollow noopener noreferrer" target="_blank">Slide 5</a></li><!--
--><li><a title="Show slide 6" href="#sl_i6" rel="nofollow noopener noreferrer" target="_blank">Slide 6</a></li><!--
--><li><a title="Show slide 7" href="#sl_i7" rel="nofollow noopener noreferrer" target="_blank">Slide 7</a></li><!--
--><li><a title="Show slide 8" href="#sl_i8" rel="nofollow noopener noreferrer" target="_blank">Slide 8</a></li><!--
--><li><a title="Show slide 9" href="#sl_i9" rel="nofollow noopener noreferrer" target="_blank">Slide 9</a></li><!--
--><li><a title="Show slide 10" href="#sl_i10" rel="nofollow noopener noreferrer" target="_blank">Slide 10</a></li><!--
--><li><a title="Show slide 11" href="#sl_i11" rel="nofollow noopener noreferrer" target="_blank">Slide 11</a></li><!--
--><li><a title="Show slide 12" href="#sl_i12" rel="nofollow noopener noreferrer" target="_blank">Slide 12</a></li><!--
--><li><a title="Show slide 13" href="#sl_i13" rel="nofollow noopener noreferrer" target="_blank">Slide 13</a></li><!--
--><li><a title="Show slide 14" href="#sl_i14" rel="nofollow noopener noreferrer" target="_blank">Slide 14</a></li><!--
--><li><a title="Show slide 15" href="#sl_i15" rel="nofollow noopener noreferrer" target="_blank">Slide 15</a></li><!--
--><li><a title="Show slide 16" href="#sl_i16" rel="nofollow noopener noreferrer" target="_blank">Slide 16</a></li><!--
--><li><a title="Show slide 17" href="#sl_i17" rel="nofollow noopener noreferrer" target="_blank">Slide 17</a></li><!--
--><li><a title="Show slide 18" href="#sl_i18" rel="nofollow noopener noreferrer" target="_blank">Slide 18</a></li><!--
--><li><a title="Show slide 19" href="#sl_i19" rel="nofollow noopener noreferrer" target="_blank">Slide 19</a></li><!--
--><li><a title="Show slide 20" href="#sl_i20" rel="nofollow noopener noreferrer" target="_blank">Slide 20</a></li><!--
--><li><a title="Show slide 21" href="#sl_i21" rel="nofollow noopener noreferrer" target="_blank">Slide 21</a></li><!--
--><li><a title="Show slide 22" href="#sl_i22" rel="nofollow noopener noreferrer" target="_blank">Slide 22</a></li><!--
--><li><a title="Show slide 23" href="#sl_i23" rel="nofollow noopener noreferrer" target="_blank">Slide 23</a></li><!--
--><li><a title="Show slide 24" href="#sl_i24" rel="nofollow noopener noreferrer" target="_blank">Slide 24</a></li>
</ul>

</section>

</div>

</div>
<div class="row2_evnmt">

<div class="evnmt_intro">
<div style="float:left; margin-top:5px; height:25px; width:100%; color:#f48f23; font-size:12px; font-stretch: condensed;font-weight: bold;"><?php echo BACK_TO_SCHOOL;?> <span style="color:#5cb1e4;font-size:13px; font-stretch: condensed;font-weight: bold;">2015 - 2016</span></div>
Découvrez ici la vie en images de notre école et la joie qui y régne..
<div class="photo_evnmt1">

<div class="pic1" style="width:195px; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-to-right-radius: 15px;
border-top-left-radius: 15px; margin-bottom:3px; height:125px; border:1px solid gray;">

</div>
<div class="footer_evnmt1" >LÉGENDE</div>
</div>
<div class="photo_evnmt2">

<div class="footer_evnmt2">LÉGENDE</div>
<div class="pic2" style="width:235px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; margin-top:3px; margin-top:28px; height:125px; border:1px solid gray;">

</div>

</div>
<div class="photo_evnmt3">

<div class="pic3" style="width:195px; -webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px; margin-bottom:3px; height:125px; border:1px solid gray;">

</div>
<div class="footer_evnmt3">LÉGENDE</div>
</div>

</div>

</div>

</div>



</div>
<?php
/***********The Footer**************/
include('global/footer.php');

?>
</center>
</body>
</html>

Ceci est l'ancien fichier php bien qu'ayant uploadé , ça ne prends plus
SVP chers dévellopeurs , bien vouloir m'aider à résoudre ce probléme je vous en prie. En fait je veux un slideshow ( défilement des photos ) et que les cadres pour légendes soient en bas de la page.Voici le lien pour voir de la bêtise que j'ai faite.
http://www.cjoint.com/c/GFtlBWmXz0t

Cordialement.



Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !