
05-05-2007, 20:12
|
 |
|
|
חבר מתאריך: 27.12.06
הודעות: 281
|
|
|
Javascript: הודעה בזמן טעינת תמונה
אני כותב עכשיו אתר לעסק של אמא שלי ואני לא מצליח לגרום לאתר להציג הודעת טעינת תמונה בזמן מעבר בין תמונה לתמונה. הינה הקוד אולי תוכלו לעזור:
קוד:
<SCRIPT language="JavaScript">
function showImg(x) {
document.all.loadDIV.style.visibility="visible";
window.status="טוען תמונת חנות #" + x;
Image1= new Image(376,266);
Image1.src = "imgs/shop/img" + x + ".jpg";
document.tgImg.src =Image1.src;
document.all.loadDIV.style.visibility="hidden";
window.status="שם העסק";
return true;
}
</SCRIPT>
<DIV ID=loadDIV style="height:18px; width:80px; z-index:2; position:absolute; top:50px; left=50px; background-color:darkred; color:white; font-size:12; text-align:center; visibility: visible;">טוען תמונה...</DIV>
<TABLE width=446 height=272 cellspacing=0 cellpadding=0>
<TR><TD valign=top width=380>
<IMG width=376 height=266 name=tgImg id=tgImg border=1>
</TD><TD valign=middle width=66>
<IMG src="imgs/shop/thumbs.jpg" width=62 height=268 usemap="#ShopMap" border=0 STYLE="z-index: 1">
<MAP NAME="ShopMap">
<AREA SHAPE=RECT COORDS="1,1,61,51" onclick="javascript:showImg(1);">
<AREA SHAPE=RECT COORDS="1,55,61,105" onclick="javascript:showImg(2);">
<AREA SHAPE=RECT COORDS="1,109,61,159" onclick="javascript:showImg(3);">
<AREA SHAPE=RECT COORDS="1,163,61,213" onclick="javascript:showImg(4);">
<AREA SHAPE=RECT COORDS="1,217,61,267" onclick="javascript:showImg(5);">
</MAP>
</TD></TR>
</TABLE>
<SCRIPT language="JavaScript">
showImg(1);
</SCRIPT>
זה עובר תמונות ורק אחרי שזה סיים לטעון את התמונה בשביל שלא יווצר חלון ריק בזמן מעבר מתמונה לתמונה אבל זה לא מציג את ה DIV.
משהו יודע איך אני יכול לפתור את הבעיה?
|