Radim malo u java skripti i imam jedno pitanje (zasada). Napravio sam da mogu sliku pomoću drag&drop premjestiti bilo gdje na stranici. Kako napraviti da tu sliku mogu raširivati na sve 4 stranice a i na vrhovima?
Unaprijed Hvala!
Radim malo u java skripti i imam jedno pitanje (zasada). Napravio sam da mogu sliku pomoću drag&drop premjestiti bilo gdje na stranici. Kako napraviti da tu sliku mogu raširivati na sve 4 stranice a i na vrhovima?
Unaprijed Hvala!
Daj to sto si do sada napisao
<script language="JavaScript">
defaultXsize = 100;
defaultYsize = 100;
// minimalna velicina slike
minimumXsize = 50;
minimumYsize = 50;
// maksimalna velicina slike
maximumXsize = 250;
maximumYsize = 250;
iBeReady = false;
function dragResizeImage(dragEvent,which){
if (iBeReady){
posX = eval("document."+which+".offsetLeft");
posY = eval("document."+which+".offsetTop");
newXsize = dragEvent.x;
newYsize = dragEvent.y;
newXsize = newXsize - posX;
newYsize = newYsize - posY;
if (newXsize >= maximumXsize) newXsize = maximumXsize;
if (newYsize >= maximumYsize) newYsize = maximumYsize;
if (newXsize <= minimumXsize) newXsize = minimumXsize;
if (newYsize <= minimumYsize) newYsize = minimumYsize;
eval("document."+which+".width=newXsize");
eval("document."+which+".height=newYsize");
}
}
function clickResetImageSize(which){
if (iBeReady){
eval("document."+which+".width=defaultXsize");
eval("document."+which+".height=defaultYsize");
}
}
</script>
Evo kako izgleda primjer:
<script language="JavaScript">
defaultXsize = 100;
defaultYsize = 100;
// minimalna velicina slike
minimumXsize = 50;
minimumYsize = 50;
// maksimalna velicina slike
maximumXsize = 250;
maximumYsize = 250;
iBeReady = false;
function dragResizeImage(dragEvent,which){
if (iBeReady){
posX = eval("document."+which+".offsetLeft");
posY = eval("document."+which+".offsetTop");
newXsize = dragEvent.x;
newYsize = dragEvent.y;
newXsize = newXsize - posX;
newYsize = newYsize - posY;
if (newXsize >= maximumXsize) newXsize = maximumXsize;
if (newYsize >= maximumYsize) newYsize = maximumYsize;
if (newXsize <= minimumXsize) newXsize = minimumXsize;
if (newYsize <= minimumYsize) newYsize = minimumYsize;
eval("document."+which+".width=newXsize");
eval("document."+which+".height=newYsize");
}
}
function clickResetImageSize(which){
if (iBeReady){
eval("document."+which+".width=defaultXsize");
eval("document."+which+".height=defaultYsize");
}
}
</script>
<body onload="iBeReady=true;">
<img src="nekaslika.JPG"
name="imageOne"
width="500" height="375"
onDrag="dragResizeImage(event,this.name)"
onClick="clickResetImageSize(this.name)">
Ova skripta ne radi u mozili firefox!