Défilement d'un texte + images
Bonjour.
Me revoilà pour mes soucis de JS. Toujours aussi mauvais en ce langage d'ailleurs.
Voici le contexte. J'ai des noms, avec une image reliée à ces noms.
Cette image apparait au dessus des noms, par dessus tout le reste.
J'aimerais faire défiler tout celà.
Donc au début j'ai pensé à la balise marquee, sauf que mes infobulles (contenant les images) ne s'affichent plus.
Je me doute qu'une solution en JS existe, donc je viens vous voir.
Les solutions trouvées sur le net me semble étrange, avec des inputs ou bien trop compliquées.
Je vous donne l'ensemble de mon code afin que vous compreniez bien.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
| <style>
a.infobulle
{
position: relative;
text-decoration: none;
}
a.infobulle span
{
display: none; /* on masque l'infobulle */
}
a.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap;
top: -130px; /* on positionne notre infobulle */
left: -10px;
text-align: left;
}
#defilement
{
width: 500px;
margin-top: 200px;
margin-left: 50px;
}
</style>
</head>
<div id="defilement">
<?php
mysql_pconnect('***', '***', '***');
mysql_select_db('***');
$requete = mysql_query("SELECT * FROM *** ORDER BY rand()");
while($donnees = mysql_fetch_array($requete))
{
echo '<a href="" class="infobulle">'.$donnees['nom'].'<span><img src="./'.$donnees['logo'].'" alt="'.$donnees['nom'].'" /></span></a> - ';
}
?>
</div> |
Merci par avance de votre aide, d'un indice, d'une piste sur laquelle me jeter.
Cordialement,
Nicko
