Hallo zusammen, zunächst ein grosses lob, wie schnell das hier geht..!
so ich habe den code nun mal so modifiziert das ich nur noch vertikal scrollen kann, das finktioniert mit einer normalen Grafik wunderbar (ausser dem klickproblem. ;-) )
aber ich muss ein "Background" argument damit steuern also von einer Tabelle ein Zellenbild. kann mir da jemand weiterhelfen?
hier der Code mit dem Zellenbild welches 400 PX hoch ist, und die tabellenhhöhe 200px hoch ist, somit müsste 100 hoch oder 100px runtergezogen werden können..
PHP-Code:
<head>
<script type="text/javascript">
<!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;
// Position, an der das Objekt angeklickt wurde.
var dragy = 0;
// Mausposition
var posy = 0;
function draginit() {
// Initialisierung der Überwachung der Events
document.onmousemove = drag;
document.onmouseup = dragstop;
}
function dragstart(element) {
//Wird aufgerufen, wenn ein Objekt bewegt werden soll.
dragobjekt = element;
dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
//Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
dragobjekt=null;
}
function drag(ereignis) {
//Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.
posy = document.all ? window.event.clientY : ereignis.pageY;
if(dragobjekt != null) {
dragobjekt.style.top = (posy - dragy) + "px";
}
}
//-->
</script>
</head>
<body onload="draginit()">
<table border="0" width="770" cellspacing="0" cellpadding="0" height="200">
<tr>
<td width="770" id="headerbild" background="bilder/titelbilder/orchideen.jpg" style="background-position: center center;" height="200" valign="bottom"></td>
</tr>
</table>
<div onmousedown="dragstart(this)" style="position:absolute;top:0px;left:0px;"><img src="bilder/gallerie_onmouseout.png" border="0"></div>
</body>
danke
Bild mit Maus verschieben
Linear-Darstellung
