Résolu Rendre un <marquee> très fluide ? Assez urgent

  • Auteur de la discussion Auteur de la discussion deleted34147
  • Créé le Créé le
Statut
N'est pas ouverte pour d'autres réponses.
D

deleted34147

Salut,

Je voudrais savoir comment rendre un marquee très fluide. J'ai entendu parler des div mais comment pourrais-je les utiliser pour crée un défilement de logo pour un site de football? ^^

Voici mon code ,


HTML:
<body>
<marquee onmouseout="this.start();" onmouseover="this.stop();">

   <a href="rg"><img src="/sponsorsimg/LVagency.png"></a>
   <a href="test"><img src="/sponsorsimg/MbB2.png"></a>
   <a href="http://ainaut.be/fr"><img src="/sponsorsimg/ainaut.jpg"></a>
   <a href="http://blissbar.be/"><img src="/sponsorsimg/bliss.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/cardinal_travel.jpg"></a>
   <a href="http://www.ziowaterloo.be/"><img src="/sponsorsimg/chezrino.png"></a>
   <a href="rg"><img src="/sponsorsimg/chichissponsor.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/crelan.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/dbprint.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/decorex.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/easyeco.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/fardelshop.jpg"></a>
   <a href="http://www.fitforfun.com/fr-BE/Accueil.aspx"><img src="/sponsorsimg/fit.png"></a>
   <a href="http://www.immoclairiere.be/type_biens.php?cagence=2272be"><img src="/sponsorsimg/logoimmoclairi.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/marconvini.png"></a>
   <a href="rg"><img src="/sponsorsimg/mds.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/nord.png"></a>
   <a href="rg"><img src="/sponsorsimg/optiqueduwez.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/polaris.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/sebati.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/sodever.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/sport_one.png"></a>
   <a href="rg"><img src="/sponsorsimg/stordeur.png"></a>
   <a href="rg"><img src="/sponsorsimg/vivanew.jpg"></a>
   <a href="rg"><img src="/sponsorsimg/zio.png"></a>
                                                             
</span>
</marquee>

Met ca lague, pixel par pixel c'est pas super, alors que sur l'ancien site le frame est impeccable :o


C'est tout con, je sais, mais pourriez-vous me crée un genre de "paterne" que je peux suivre pour rendre tout ceci fluide et parfait. :)

Merci à vous.
 
Code:
<!DOCTYPE html>
<html>
<head>
    <title>Page Plouki</title>
</head>
<body>
    <marquee scrollamount="5" scrolldelay="10" onmouseover="this.stop()" onmouseout="this.start()">
      <a href="#"><img src="sponsorsimg/LVagency.png"></a>
      <a href="#"><img src="sponsorsimg/MbB2.png"></a>
      <a href="http://ainaut.be/fr"><img src="sponsorsimg/ainaut.jpg"></a>
      <a href="http://blissbar.be/"><img src="sponsorsimg/bliss.jpg"></a>
      <a href="#"><img src="sponsorsimg/cardinal_travel.jpg"></a>
      <a href="http://www.ziowaterloo.be/"><img src="sponsorsimg/chezrino.png"></a>
      <a href="#"><img src="sponsorsimg/chichissponsor.jpg"></a>
      <a href="#"><img src="sponsorsimg/crelan.jpg"></a>
      <a href="#"><img src="sponsorsimg/dbprint.jpg"></a>
      <a href="#"><img src="sponsorsimg/decorex.jpg"></a>
      <a href="#"><img src="sponsorsimg/easyeco.jpg"></a>
      <a href="#"><img src="sponsorsimg/fardelshop.jpg"></a>
      <a href="http://www.fitforfun.com/fr-BE/Accueil.aspx"><img src="sponsorsimg/fit.png"></a>
      <a href="http://www.immoclairiere.be/type_biens.php?cagence=2272be"><img src="sponsorsimg/logoimmoclairi.jpg"></a>
      <a href="#"><img src="sponsorsimg/marconvini.png"></a>
      <a href="#"><img src="sponsorsimg/mds.jpg"></a>
      <a href="#"><img src="sponsorsimg/nord.png"></a>
      <a href="#"><img src="sponsorsimg/optiqueduwez.jpg"></a>
      <a href="#"><img src="sponsorsimg/polaris.jpg"></a>
      <a href="#"><img src="sponsorsimg/sebati.jpg"></a>
      <a href="#"><img src="sponsorsimg/sodever.jpg"></a>
      <a href="#"><img src="sponsorsimg/sport_one.png"></a>
      <a href="#"><img src="sponsorsimg/stordeur.png"></a>
      <a href="#"><img src="sponsorsimg/vivanew.jpg"></a>
      <a href="#"><img src="sponsorsimg/zio.png"></a>
    </marquee> 
</body>
</html>

Essaie comme ca ;)
 
La balise marquee est déconseillée à cause de l'interprétation différente des navigateurs (cf ) elle est assez sale.
Tu peux utiliser plutôt jQuery, certains plugins te permettent de le faire très facilement ( ) et proprement.
 
Salut,

Le marquee de ton site est fluid à première vu, je voit pas trop ce que tu appelle fluide.
Le lien que j'ai donné est l'ancien site, ou la OUI c'était fluide, mais je n'arrivais pas à reproduire ceci.
La balise marquee est déconseillée à cause de l'interprétation différente des navigateurs (cf ) elle est assez sale.
Tu peux utiliser plutôt jQuery, certains plugins te permettent de le faire très facilement ( ) et proprement.
Merci je vais essayer :) !

Code:
<!DOCTYPE html>
<html>
<head>
    <title>Page Plouki</title>
</head>
<body>
    <marquee scrollamount="5" scrolldelay="10" onmouseover="this.stop()" onmouseout="this.start()">
      <a href="#"><img src="sponsorsimg/LVagency.png"></a>
      <a href="#"><img src="sponsorsimg/MbB2.png"></a>
      <a href="http://ainaut.be/fr"><img src="sponsorsimg/ainaut.jpg"></a>
      <a href="http://blissbar.be/"><img src="sponsorsimg/bliss.jpg"></a>
      <a href="#"><img src="sponsorsimg/cardinal_travel.jpg"></a>
      <a href="http://www.ziowaterloo.be/"><img src="sponsorsimg/chezrino.png"></a>
      <a href="#"><img src="sponsorsimg/chichissponsor.jpg"></a>
      <a href="#"><img src="sponsorsimg/crelan.jpg"></a>
      <a href="#"><img src="sponsorsimg/dbprint.jpg"></a>
      <a href="#"><img src="sponsorsimg/decorex.jpg"></a>
      <a href="#"><img src="sponsorsimg/easyeco.jpg"></a>
      <a href="#"><img src="sponsorsimg/fardelshop.jpg"></a>
      <a href="http://www.fitforfun.com/fr-BE/Accueil.aspx"><img src="sponsorsimg/fit.png"></a>
      <a href="http://www.immoclairiere.be/type_biens.php?cagence=2272be"><img src="sponsorsimg/logoimmoclairi.jpg"></a>
      <a href="#"><img src="sponsorsimg/marconvini.png"></a>
      <a href="#"><img src="sponsorsimg/mds.jpg"></a>
      <a href="#"><img src="sponsorsimg/nord.png"></a>
      <a href="#"><img src="sponsorsimg/optiqueduwez.jpg"></a>
      <a href="#"><img src="sponsorsimg/polaris.jpg"></a>
      <a href="#"><img src="sponsorsimg/sebati.jpg"></a>
      <a href="#"><img src="sponsorsimg/sodever.jpg"></a>
      <a href="#"><img src="sponsorsimg/sport_one.png"></a>
      <a href="#"><img src="sponsorsimg/stordeur.png"></a>
      <a href="#"><img src="sponsorsimg/vivanew.jpg"></a>
      <a href="#"><img src="sponsorsimg/zio.png"></a>
    </marquee>
</body>
</html>

Essaie comme ca ;)
Je vais regarder si c'est mieux, sinon je prendre celui de Weak merci Alb! :love:
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut