Merhaba arkadaslar
Javascript hakkinda cok az bilgim var..
Bir image uzerinde baska bir imageci parametre olarak kordinatlari alarak gostermek istiyorum
ornegin bir futbol sahasi dusunun futbolcu1(10,15) gibi birsey calistiginda futbolcu1 'i o kordinatda gostermek gibi
bu konuda yardimci olurmusunuz?
Bu işini görür sanırım.
<html>
<head>
<title>Örnek</title>
</head>
<body>
<img id="saha" src="saha.jpg" width="500" height="225" style="position: absolute; top: 0px; left: 0px; z-index: 1">
<img id="futbolcu" src="futbolcu.jpg" width="30" height="30" style="position: absolute; top: 0px; left: 0px; z-index: 2">
<script type="text/javascript">
var saha = document.getElementById("saha");
var futbolcu = document.getElementById("futbolcu");
function konumlandir(o,x,y)
{
o.style.left = x;
o.style.top = y;
}
konumlandir(futbolcu, 50, 70);
</script>
</body>
</html>
skate'in yazdığı kodda kullaıldığı gibi 'left', 'top' ve 'position' CSS özelliklerinden -property- yararlanabilirsiniz. Bu özelliklere vereceğiniz değer, nesnenin sayfada alacağı yeri belirler.
Tabii position: absolute belirlemesi daha önceden "şu şurada olsun"ları hiçe sayarak 'left' ve 'top' değerlerine göre nesneyi yerleştirir. Eğer bu koordinatların sayfa içindeki belirli bir alanda geçerli olmasını da istiyorsanız, position: releative deyiminden yararlanarak bir fonksiyon da yazabilirsiniz.
"...peki bu bilgi gerçek hayatta ne işime yarayacak?..."
There are currently 1 users browsing this thread. (0 members and 1 guests)
LinkBack URL
About LinkBacks
Alıntı Yaparak Yanıtla
Bookmarks