Mon slideshow est bloqué

yantop 108 Messages postés vendredi 12 mars 2010Date d'inscription 23 novembre 2017 Dernière intervention - 19 juin 2017 à 11:32
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.



Afficher la suite