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 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99
|
<img id="_Ath_Slide" onload="OnImgLoad()" WIDTH="660" HEIGHT="440">
<SPAN id="_Ath_Img_X"></SPAN> / <SPAN id="_Ath_Img_N"></SPAN><? } ?>
<SPAN id="_Ath_FileName" class="desc">
<input type="button" id="btnPrev" value="<<" onclick="Prev();">
<input type="button" id="bntPlay" value="ll>" onclick="Play()">
<input type="button" id="btnNext" value=">>" onclick="Next();">
....
<script language="JavaScript1.2">
g_fPlayMode = 0;
g_iimg = -1;
g_imax = 0;
g_ImageTable = new Array();
function ChangeImage(fFwd)
{
if (fFwd)
{
if (++g_iimg==g_imax)
g_iimg=0;
}
else
{
if (g_iimg==0)
g_iimg=g_imax;
g_iimg--;
}
Update();
}
function getobject(obj){
if (document.getElementById)
return document.getElementById(obj)
else if (document.all)
return document.all[obj]
}
function Update(){
getobject("_Ath_Slide").src = g_ImageTable[g_iimg][0];
getobject("_Ath_FileName").innerHTML = g_ImageTable[g_iimg][1];
getobject("_Ath_Img_X").innerHTML = g_iimg + 1;
getobject("_Ath_Img_N").innerHTML = g_imax;
}
function Play()
{
g_fPlayMode = !g_fPlayMode;
if (g_fPlayMode)
{
getobject("btnPrev").disabled = getobject("btnNext").disabled = true;
Next();
}
else
{
getobject("btnPrev").disabled = getobject("btnNext").disabled = false;
}
}
function OnImgLoad()
{
if (g_fPlayMode)
window.setTimeout("Tick()", g_dwTimeOutSec*2750);
}
function Tick()
{
if (g_fPlayMode)
Next();
}
function Prev()
{
ChangeImage(false);
}
function Next()
{
ChangeImage(true);
}
<?
$sql="SELECT picID, descr FROM pic WHERE galID='$galID' ORDER BY num ASC";
$optio=mysql_query($sql,$db);
while ($r = mysql_fetch_row($optio))
{
$descr=str_replace("\r\n",'<br>',$r[1]);
echo "g_ImageTable[g_imax++] = new Array (\"pic/".$r[0].".jpg\", \"$descr\"); \n";
}
?>
g_dwTimeOutSec=2
if (document.getElementById||document.all)
window.onload=Play
</script> |
Partager