Comment animer une div
Fermé
cadetNtanyanya
Messages postés
3
Date d'inscription
jeudi 22 mai 2014
Statut
Membre
Dernière intervention
8 octobre 2014
-
22 mai 2014 à 11:18
Chocobo_tofu1 Messages postés 162 Date d'inscription lundi 1 mars 2010 Statut Membre Dernière intervention 10 juillet 2014 - 26 mai 2014 à 12:49
Chocobo_tofu1 Messages postés 162 Date d'inscription lundi 1 mars 2010 Statut Membre Dernière intervention 10 juillet 2014 - 26 mai 2014 à 12:49
A voir également:
- Comment animer une div
- Div c++ - Télécharger - Langages
- Comment créer un gif animé - Guide
- Css forcer retour à la ligne div - Forum CSS
- Jeux pour animer une soirée d'anniversaire adulte ✓ - Forum Loisirs / Divertissements
- Remplacer #div/0 par vide - Forum Excel
2 réponses
Chocobo_tofu1
Messages postés
162
Date d'inscription
lundi 1 mars 2010
Statut
Membre
Dernière intervention
10 juillet 2014
362
22 mai 2014 à 12:38
22 mai 2014 à 12:38
utilise jquery:
https://jqueryui.com/hide/
https://jqueryui.com/hide/
Chocobo_tofu1
Messages postés
162
Date d'inscription
lundi 1 mars 2010
Statut
Membre
Dernière intervention
10 juillet 2014
362
Modifié par Chocobo_tofu1 le 26/05/2014 à 12:49
Modifié par Chocobo_tofu1 le 26/05/2014 à 12:49
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>