objektum mozgatása adott pontból adott pontba pl. egy kép
Az volna a problémám hogy egy gömb.jpg-t (javaScriptben) kéne elmozdítanom
egy lapon úgy hogy amikor eléri a végpontot egy új kép kerüljön a helyére ami elipszoid (vagy ha van rá mód a kép átalakítása torzítása scriptel elipszoiddá) aztán ez a gömb vissza kell térjen az eredeti pozícióba.
előre köszi mindenkinek
■ egy lapon úgy hogy amikor eléri a végpontot egy új kép kerüljön a helyére ami elipszoid (vagy ha van rá mód a kép átalakítása torzítása scriptel elipszoiddá) aztán ez a gömb vissza kell térjen az eredeti pozícióba.
előre köszi mindenkinek
Hát így
<script type="text/javascript">
var kezdx=40;
var kezdy=20;
var vegex=100;
var vegey=100;
var lepesx;
var lepesy;
var x;
var y;
function init(){
var kep=document.getElementById('kep');
kep.style.top=kezdy+'px';
kep.style.left=kezdx+'px';
x=kezdx;
y=kezdy;
lepesx=1;
lepesy=(vegey-kezdy)/(vegex-kezdx);
setTimeout('mozog()',100);
}
function mozog(){
var kep=document.getElementById('kep');
//x=parseInt(kep.style.left);
//y=parseInt(kep.style.top);
status='lepesx: '+lepesx+', lepesy: '+lepesy+', x: '+x+', y: '+y;
if (x+lepesx<=vegex){
x+=lepesx;
y+=lepesy;
kep.style.left=x+'px';
kep.style.top=y+'px';
setTimeout('mozog()',100);
}
else {
kep.style.left=vegex+'px';
kep.style.top=vegey+'px';
kep.style.height='100px';
}
}
</script>
<body onload=init();>
<img id="kep" style="position:absolute;width:10px;height:10px" src="/gomb.gif" />
</body>
Valószínű egyszerűbben/bonyolultabban/másképp is lehet, így hirtelenjében ezt tudtam összeütni (doctype és társai lemaradtak, engedelmetekkel, mert Jegyzettömb nevű editorban készült).
Egyébként sztem Dreamweaverben van valami timeline vagy ilyesmi, pont ilyet tud - még sose kellett
P][G
torzitsad
divben...
Es ha mind ezt egy div-be teszem aminek adtam egy overflow: auto; tulajdonsagot azt hogy lehet megcsinalni hogy ne kezzel keljen az objektum utan huzni a gorgetot, hanem magatol mennyen ? koszi