BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Web Café
  Nouveaux messages Nouveaux messages Fil RSS  - Alternative à wowslider
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Alternative à wowslider

 Répondre Répondre
Auteur
Message
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Alternative à wowslider
    Envoyé : 19 Mar 2015 à 22:47
bonjour,
je voudrais réaliser des slides (fullscreen) où l'on peut insérer du texte où l'on veut.
J'utilise wowslider (pas mal) mais je ne peux que mettre une image et titre.



Or je voudrais pouvoir y insérer un paragraphe en plus :


Avez vous une alternative pour cela ?
(et aussi pratique que wowslider pour mettre a jour un diaporama tous les jours)
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mar 2015 à 11:02
Bonjour,

Si on peut inserer du HTML dans des titres, vous povuez essayer quelque chose comme:

<div style="position:absolute; right:10px;bottom:150%;z-index:100000;">Paragraphe lorem ipsum</div>

En esperant qu'il n'y a pas de "overflow:hidden" sur le tag de texte pour cacher tout ce qui depasse. Si c'est le cas il faut analyser le code HTML pour trouver comment modifier le style du titre (c'est pas tres dur, mais il faudra votre lien en ligne).

Si on ne peut pas inserer du HTML, ca se complique.
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mar 2015 à 14:07
d'accord je vais tenter ça.

voici en attendant un exemple

ps : les boutons (précedent/suivant) ne sont pas au milieu de la fenetre (50%) mais tout en bas... je vois pas à quoi c'est dû

j'ai aussi voulu supprimer le footer :
.OESZ_XBodyFooter
{
  display: none !important;
}

je sais pas si c'est utile puisqu'il ets vide


Edité par nico38 - 20 Mar 2015 à 14:09
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mar 2015 à 14:21
là je suis en train de voir si c'est pas posisble directement en wysiwyg aec oe

page

je vais voir si je peux insérer comme indiqué :
<div style="position:absolute; right:10px;bottom:150%;z-index:100000;">Paragraphe lorem ipsum</div>


Edité par nico38 - 20 Mar 2015 à 14:22
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 20 Mar 2015 à 14:24
essayes avec jssor slider.
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Mar 2015 à 22:23
Message posté par nico38 nico38 a écrit:


voici en attendant un exemple


Bonjour,
Nico38, C'est ça que tu veux faire avec WOWSlider, c'est avec que je l'ai fait. L’inconvénient c'est que le texte s'affiche sur toutes les images pareil.


Edité par Maurice306 - 28 Mar 2015 à 22:29
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 28 Mar 2015 à 22:39

Avec un titre et du texte, !
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mar 2015 à 09:48
Bon, il y a peut être des modif a réaliser sur le code HTML comme dit Dmit, voila comment est le code pour une seule image :

<body style="background-color:#d7d7d7;margin:auto">
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/cap6web.jpg" alt="TEST DE REDU SUR DU TEXTE" title="TEST DE REDU SUR DU TEXTE" id="wows1_0"/>C'est un texte qui doit s'afficher avec la diapo sur le sujet particulier à traiter.

C'est un peu particulier avec WOWSlider car il faut choisir le slide qui affiche le texte sur la partie haute de la fenêtre.</li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="TEST DE REDU SUR DU TEXTE"><span><img src="data1/tooltips/cap6web.jpg" alt="TEST DE REDU SUR DU TEXTE"/>1</span></a>
</div></div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mar 2015 à 15:03
En fait j'avais trouvé la solution (enfin celle qui marche) :

1 mettre du texte faut le mettre dans "description" de wow slider

2. faire un bloc source css et mettre le style que tu veux (titre/description). Faut juste repérer avec firebug ou firefox (examiner l'élément) où se trouve la decription, le titre, les background etc...

3. Personnaliser le texte dans la panneau visuel dans lequel il y a la description pour souligner, saut de ligne : mettre <br> <u></u> etc..


Edité par nico38 - 29 Mar 2015 à 15:17
Haut de la page
Jipessai allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 11 Mai 2017
Pays: france
Status: Inactif
Points: 1
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Jipessai Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 11 Mai 2017 à 16:12
Bonjour,
utilisation de Wowslider

j'ai utilisé arrêt après une boucle (essai sur 5 images) , la boucle s'effectue bien mais revient à l'image une et s'arrete, comment faire pour qu'elle s’arrête sur la dernière image.
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.055 secondes.