[es] - Kako da napravim plivajucu sliku

MilanchaOdNish
Milan Jovanović
Niš

Član broj: 136143
Poruke: 1
212.200.182.*

Sajt: www.milancha.info018.com

Profil

Re: Kako da napravim plivajucu sliku

^{27.02.2007. u 12:23 - pre 208 meseci}

Ćao

Za 'plivajuću' sliku nisu ti potrebna oba js fajla, već samo 'script_scroll.js':

Code:

// JavaScript Document
/* MISHA'S SCROLLER JAVASCRIPT */

mp_step  = 1; // in pixels
mp_speed = 20; // in milliseconds
mp_imgs_width = 4375; // width of all the images

function startMPScroller()
{
    var shift;
    // mp_imgs_width-spn1.style.pixelWidth
    if (parseInt(tbl1.style.left)<-(mp_imgs_width-740)) {
        mp_dir = "right";
    }
    if (parseInt(tbl1.style.left)>-mp_step) {
        mp_dir = "left"
    }

    if (mp_dir == "left") {
        shift = parseInt(tbl1.style.left) - mp_step;
    } else {
        shift = parseInt(tbl1.style.left) + mp_step;
    }

    tbl1.style.left = shift;
    window.setTimeout("startMPScroller(tbl1);", mp_speed);
    //document.title = mp_imgs_width-spn1.style.pixelWidth;
}
/* MISHA'S SCROLLER JAVASCRIPT END */

evo i koda za html:

Code:

<html>

<head>

<script language="JavaScript" src="script_scroll.js" type="text/JavaScript"></script>
</head>

<body leftmargin="0" rightmargin="0" topmargin="0" bgcolor="#FFFFFF" onLoad="startMPScroller();">


<div id="spn1" style="width:740px; overflow:hidden">
<table id="tbl1" style="position:relative; left:0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="middle">
    <img border="0" width="875" height="66" src="images/anim_scroller_01.gif"></td>
<td align="left" valign="middle">
    <img border="0" width="875" height="66" src="images/anim_scroller_01.gif"></td>
<td align="left" valign="middle">
    <img border="0" width="875" height="66" src="images/anim_scroller_01.gif"></td>
<td align="left" valign="middle">
    <img border="0" width="875" height="66" src="images/anim_scroller_01.gif"></td>
<td align="left" valign="middle">
    <img border="0" width="875" height="66" src="images/anim_scroller_01.gif"></td>
</tr>
</table>
</div>


</body>

</html>

Ako pp. da su ova dva fajla na 'root' direktorijumu potreban ti je i dir. 'root\images' i u njemu sličica 'anim_scroller_01.gif'.
Probao sam i šljaka.
Nadam se da sam bio od pomoći.

Pozdrav

Ako nam neko dodje glave, biće to mangupi u našim redovima.

Odgovor na temu