Salut à tous ! Voilà, depuis plusieurs jours je débute dans le HTLM (j'ai survolé un peu les tutos d'OpenClassroms pour les connaisseurs) et je cherche tout bêtement à faire défiler des éléments. Bien sûr, s'il n'y avait pas de condition ça serait trop facile en fait je veux juste que les éléments défilent du bas de la page vers le haut (en gros il traverse toute la page). J'ai essayé plusieurs moyens mais rien à faire, le texte est "mangé" par le paragraphe juste au dessus !
Donc si quelqu'un pouvait répondre à mon appel à l'aide ça serait super top
Possible d'avoir ton code actuel pour que je te le corrige en expliquant ?
Oui bien sûr :
HTML :
<p class="music"><marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><span class="musique">Une musique : Emerald Beach</span><br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/Gkc3heYr2ZM?autoplay=1&rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe></marquee></p>
CSS : .music
{
float: right
}
.musique
{
font-size: 30px;
}
Attention il y a un lien YT avec un autoplay (si tu a un casque avec le son à fond )
Ah oui au fait j'ai laissé les argument mouseon et mouseout pour la vidéo mais il ne fonctionnent pas vraiment non plus ^^"
Il faut mettre le <marquee>
en plein écran et utiliser z-index
mais franchement c'est juste horrible comme technique et avec pointer-events: none;
t'as aucun controle sur la video... Voila ton exemple:
https://jsfiddle.net/c0brk00s/
Perso, j'utiliserai une <div>
et du JS pour l'animation (regarde du coté de jQuery si tu ne veux pas réinventer la roue).
+1 a mon vdd marquee c'est obsoleyyte passe plutôt par la bible JQuery dès que tu pourra !
Pas besoin de jQuery pour ça. Un peu d'animation CSS, et un simple contrôle d'animation en JS.
Merci beaucoup pour vos réponses !
J'applique vos conseils et regarde ce que ça donne, merci !