Időzóna: (GMT +1 óra) RSS - hozzászólások

proba

Szerző
Üzenet
mikikol10
Gyakorlott phpBB-s
Gyakorlott phpBB-s


Csatlakozott: 2008.01.09. Szerda 17:24
Hozzászólások: 168
Hozzászólás Elküldve: 2008.03.08. 23:25    Hozzászólás témája: proba
Hozzászólás az előzmény idézésével
<style type="text/css">
#largeImage {
position:relative;
width:150px;
height:100px;
border:1px solid #000000;
background-image:url("http://szlap.extra.hu/rossz.gif");
background-repeat:no-repeat;
background-position:0px 0px;
}

#smallImage {
position:relative;
border:1px solid #000000;
margin-top:5px;
width:250px;
height:155px;
}

#marker {
position:absolute;
top:0px;
left:0px;
border:1px solid #FF0000;
width:75px;
height:50px;
cursor:pointer;
background-image:url("tp.gif");
}

</style>
<script language="javascript" type="text/javascript">

var mDown = false;
var offsetX=0;
var offsetY=0;
function init() {
document.onmousedown = captureMouseDown;
document.onmousemove = captureMouseMove;
document.onmouseup = captureMouseUp;
document.getElementById("marker").onmousedown = captureOffset;
document.getElementById("marker").style.top = "0px";
document.getElementById("marker").style.left = "0px";
}

function captureOffset(e) {
x = parseInt(document.getElementById("marker").style.left);
y = parseInt(document.getElementById("marker").style.top);
if(document.all) {
offsetX=window.event.clientX - x;
offsetY=window.event.clientY - y;
} else {
offsetX = e.pageX - x;
offsetY = e.pageY - y;
}
}

function captureMouseDown() {
mDown=true;
}

function captureMouseUp() {
mDown = false;
}

function captureMouseMove(e) {
if(!mDown)return;
x = document.all?window.event.clientX - offsetX:e.pageX - offsetX;
y = document.all?window.event.clientY - offsetY:e.pageY - offsetY;

if(x<=-1 || x>=175 || y<=-1 || y >= 105)return;
document.getElementById("marker").style.left = x + "px";
document.getElementById("marker").style.top = y + "px";

x2 = parseInt(document.getElementById("marker").style.left);
y2 = parseInt(document.getElementById("marker").style.top);
x2 = (x2 - (x2*2))*2;
y2 = (y2 - (y2*2))*2;
document.getElementById("largeImage").style.backgroundPosition = x2 + "px " + y2 + "px";
}
</script>
<body onload="init();">
<div id="largeImage"></div>
<div id="smallImage">
<img src="http://szlap.extra.hu/rossz.gif" width="250" height="155" />
<div id="marker"></div>
</div>

Felhasználó profiljának megtekintése Privát üzenet küldése
Thomas RC
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.09.29. Péntek 1:00
Hozzászólások: 4377
Hozzászólás Elküldve: 2008.03.16. 21:00    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Aláírás próba.
Szerk.: Azé' mondom...

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Thomas RC
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.09.29. Péntek 1:00
Hozzászólások: 4377
Hozzászólás Elküldve: 2008.03.20. 17:20    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Teszt
Szerk.: Sikerült a styledemo.phpbb.hu-ról hozzászólást írnom :D.

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Hozzászólások megtekintése:  

Időzóna: (GMT +1 óra) RSS - hozzászólások
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés