Défilement images d'une requete php avec javascript
Voilà tout est dit dans le titre :
J'ai fait une requete php classique pour afficher les 5 dernières images ajoutées à ma base de données.
J'aimerais les faire défiler.
Seulement, dans le code que j'utilise, on rentre directement le chemin des images. Ce qui fait que je suis obligée de le faire manuellement.
Je ne sais pas comment intégrer php dans javascript.
Voici le code javascript à mettre entre les balises head :
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
51
52
53
54
55
56
57
58
59
| <!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
*/
imgPath = new Array;
SiClickGoTo = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
{
i0 = new Image;
i0.src = 'image1';
SiClickGoTo[0] = "lien1";
imgPath[0] = i0.src;
i1 = new Image;
i1.src = 'image2';
SiClickGoTo[1] = "lien2";
imgPath[1] = i1.src;
i2 = new Image;
i2.src = 'image3';
SiClickGoTo[2] = "lien3";
imgPath[2] = i2.src;
i3 = new Image;
i3.src = 'image4';
SiClickGoTo[3] = "lien4";
imgPath[3] = i3.src;
}
a = 0;
function StartAnim()
{
if (version >= 3)
{
document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image1" BORDER=0 ALT=Menu NAME=defil></A>');
defilimg()
}
else
{
document.write('<A HREF="lien1"><IMG SRC="image1" BORDER=0></A>')
}
}
function ImgDest()
{
document.location.href = SiClickGoTo[a-1];
}
function defilimg()
{
if (a == 4)
{
a = 0;
}
if (version >= 3)
{
document.defil.src = imgPath[a];
tempo3 = setTimeout("defilimg()",6000);
a++;
}
}
</SCRIPT>
<!-- FIN DU SCRIPT -- |
Les codes à mettre dans body :
Code:
1
2
3
4
5
6
7
8
| <!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
-->
<SCRIPT LANGUAGE="JavaScript">
StartAnim();
</SCRIPT>
<!-- FIN DU SCRIPT --> |
Et le code php pour la requete :
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
| <?php
include("annuaire/data_bd_annuaire.php");
include("annuaire/functions.php");
$lk = connection_BD();
$sql2 = "SELECT id, titre, description, url, url_image FROM $T_sites ORDER BY DESC() LIMIT 5";
$ale = send_sql($sql2);
mysql_close($lk);
echo '<br />';
while($result = mysql_fetch_array($ale))
{
$id_ale = $result['id'];
$titre_ale = $result['titre'];
$description_ale = $result['description'];
$url_ale = $result['url'];
$url_image_ale = $result['url_image'];
if (strlen($titre_ale) > 18) {
$titre_ale = substr($titre_ale,0,18);
$titre_ale .= "...";
}
if ($result['url_image'] == '')
{
$url_image_ale = "annuaire/img/image_sites.gif";
} else {
$url_image_ale = $result['url_image'];
}
// Affichage reponses
echo '<a href="' .$url_ale. '" class="lien" title="' .$description_ale. ' "target="_blank" onmousedown="return clk(\''.$id_ale.'\')">' .$titre_ale. '</a><br />';
echo '<a href="' .$url_ale. '" class="lien" title="' .$description_ale. ' "target="_blank" onmousedown="return clk(\''.$id_ale.'\')"><img height=\'90\' width=\'120\' src='.$url_image_ale.'></a>';
}
?> |
