Comment animer une div
cadetNtanyanya
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
Chocobo_tofu1 Messages postés 164 Date d'inscription Statut Membre Dernière intervention -
Chocobo_tofu1 Messages postés 164 Date d'inscription Statut Membre Dernière intervention -
comment animer une div contenant du texte afin que celle-ci aparaisse et disparaisse apres un certain temps.?
Quelque chose comme un slideshow cette fois pour de texte
Quelque chose comme un slideshow cette fois pour de texte
A voir également:
- Comment animer une div
- Div c++ - Télécharger - Langages
- Transformer une video en dessin animé - Télécharger - Montage & Édition
- Remplacer #div/0 par vide - Forum Bureautique
- Ne pas afficher #DIV!0 sur une plage de cellu - Forum Bureautique
- Comment animer une photo gratuit - Guide
2 réponses
cadetNtanyanya wrote:
Merci beaucoup pour votre aide mais ceque je voulais ce comme cequi est sur ce site
www.isig.ac.cd
Merci encore pou votre aide
regarde du coté des slider jquery, par exemple:
https://www.basic-slider.com/
il te suffit, pour avoir du texte à la place des images, de remplacer
les tag <img> par des elements de textes:
dans le premier slide, je remplace l'image par un paragraphe texte, "mon premier slide"
<div id="slider" class="span12" style="height: 310px; width: 620px; position: relative;">
<ul class="bjqs" style="height: 310px; width: 620px; display: block;">
<li class="bjqs-slide" style="height: 310px; width: 620px; display: list-item; opacity: 0.997942;">
<!--<img title="Automatically generated caption" src="img/banner01.jpg">-->
<p>mon premier slide</p>
<p class="bjqs-caption">Automatically generated caption</p>
</li>
<li class="bjqs-slide" style="height: 310px; width: 620px; display: list-item; opacity: 0.0020578;">
<img title="Automatically generated caption" src="img/banner02.jpg">
<p class="bjqs-caption">Automatically generated caption</p>
</li>
<li class="bjqs-slide" style="height: 310px; width: 620px; display: none;">
<img title="Automatically generated caption" src="img/banner03.jpg">
<p class="bjqs-caption">Automatically generated caption</p>
</li>
</ul>
<ul class="bjqs-controls v-centered">
<li class="bjqs-prev">
<a data-direction="previous" href="#" style="top: 43.5484%;">Prev</a>
</li>
<li class="bjqs-next">
</ul>
<ol class="bjqs-markers h-centered" style="left: 0px;">
</div>
Merci beaucoup pour votre aide mais ceque je voulais ce comme cequi est sur ce site
www.isig.ac.cd
Merci encore pou votre aide
regarde du coté des slider jquery, par exemple:
https://www.basic-slider.com/
il te suffit, pour avoir du texte à la place des images, de remplacer
les tag <img> par des elements de textes:
dans le premier slide, je remplace l'image par un paragraphe texte, "mon premier slide"
<div id="slider" class="span12" style="height: 310px; width: 620px; position: relative;">
<ul class="bjqs" style="height: 310px; width: 620px; display: block;">
<li class="bjqs-slide" style="height: 310px; width: 620px; display: list-item; opacity: 0.997942;">
<!--<img title="Automatically generated caption" src="img/banner01.jpg">-->
<p>mon premier slide</p>
<p class="bjqs-caption">Automatically generated caption</p>
</li>
<li class="bjqs-slide" style="height: 310px; width: 620px; display: list-item; opacity: 0.0020578;">
<img title="Automatically generated caption" src="img/banner02.jpg">
<p class="bjqs-caption">Automatically generated caption</p>
</li>
<li class="bjqs-slide" style="height: 310px; width: 620px; display: none;">
<img title="Automatically generated caption" src="img/banner03.jpg">
<p class="bjqs-caption">Automatically generated caption</p>
</li>
</ul>
<ul class="bjqs-controls v-centered">
<li class="bjqs-prev">
<a data-direction="previous" href="#" style="top: 43.5484%;">Prev</a>
</li>
<li class="bjqs-next">
</ul>
<ol class="bjqs-markers h-centered" style="left: 0px;">
</div>
