5542 sujets

Sémantique web et HTML

Bonjour à tous & à toutes,
j'ai, sur une page d'accueil, un diaporama (slideshow) de 3 photos en HTML avec des flèches de navigation de chaque côté pour pouvoir les faire défiler.
Lorsque j'arrive sur la page d'accueil le slideshow ne se lance pas tout seul mais lorsque j'utilise une des 2 flèches le slideshow fonctionne avec un intervalle de temps de 2 secondes environ (je n'ai pas vraiment calculé !!) ... bref !
Comment faire pour que le slideshow se lance tout de suite sans avoir à cliquer sur les flèches ?
Merci pour votre aide !
salut,
tu devrais joindre ton code pour qu'on te donne une solution appropriée.
J'imagine qu'il suffit de faire appel à la même fonction qui fait défiler le slide show au chargement de ta page...
Je pense que c'est ça !!
C'est un html additionnel sur une plateforme Moodle.
J'ai adapté du code que j'ai choppé sur le net ...

<body class="format-site course path-site gecko dir-ltr lang-fr yui-skin-sam yui3-skin-sam ifsi-armentieres-fr--etudiants pagelayout-frontpage course-1 context-2 notloggedin has-region-side-pre empty-region-side-pre has-region-side-post used-region-side-post side-post-only layout-option-nonavbar jsenabled" id="page-site-index"><div id="my_carousel" class="carousel slide" data-ride="carousel">
<!-- Bulles -->
<ol class="carousel-indicators">
<li data-target="#my_carousel" data-slide-to="0" class=""></li>
<li data-target="#my_carousel" data-slide-to="1" class=""></li>
<li data-target="#my_carousel" data-slide-to="2" class="active"></li>
</ol>
<!-- Slides -->
<div class="carousel-inner" id="yui_3_17_2_1_1476975613919_83">
<!-- Page 1 -->
<div class="item" id="yui_3_17_2_1_1476975613919_82">
<div class="carousel-page" id="yui_3_17_2_1_1476975613919_81">
<img src="http://ifsi-armentieres.fr/etudiants/360_eiffel.jpg" class="img-responsive" style="margin:0px auto;" id="yui_3_17_2_1_1476975613919_80">
</div>
<div class=""></div>
</div>
<!-- Page 2 -->
<div class="item">
<div class="carousel-page"><img src="http://ifsi-armentieres.fr/etudiants/Logo_pr_Moodle.jpg" class="img-responsive img-rounded" style="margin:0px auto;"></div>
<div class=""></div>
</div>
<!-- Page 3 -->
<div class="item active" id="yui_3_17_2_1_1476975613919_116">
<div class="carousel-page" id="yui_3_17_2_1_1476975613919_115">
<img src="http://ifsi-armentieres.fr/etudiants/Trame-Slideshow%20img3.jpg" class="img-responsive img-rounded" style="margin:0px auto;max-height:100%;" id="yui_3_17_2_1_1476975613919_114">
</div>
<div class=""></div>
</div>
</div>
<!-- Contrôles -->
<a class="left carousel-control" href="#my_carousel" data-slide="prev" id="yui_3_17_2_1_1476975613919_108">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#my_carousel" data-slide="next" id="yui_3_17_2_1_1476975613919_107">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<style>
.carousel-page
{
width:100%;
height:250px;
background-color:#FFFFFF;
color:white;
}