Hi,
ich habe folgenden Code für einen Hover
Klappt auch ganz gut, nur habe ich das Problem, dass der Hover nicht auf den Browser- bzw. Fensterrand achten und die Bilder über den Rand hinaus nach unten anzeigt.
Bei z.B. Fotolia achtet das Javascript darauf und wenn man zu weit am Rand ist, wird das Bild halt an anderer Stelle angezeigt. Kann mir einer von euch sagen, wie ich das hier hinbekomme?
Vielen Dank.
Gruß,
Olli
ich habe folgenden Code für einen Hover
PHP:
box = null;
spaceX = 15;
spaceY = 15;
document.onmousemove = getCords;
function getCords(e) {
if (box != null) {
box.style.left = (e.pageX + spaceX) + 'px';
box.style.top = (e.pageY + spaceY) + 'px';
}
}
function show_box(box_id) {
box = document.getElementById("box-"+box_id);
box.style.display = 'block';
}
function hide_box() {
box.style.display = 'none';
}
Klappt auch ganz gut, nur habe ich das Problem, dass der Hover nicht auf den Browser- bzw. Fensterrand achten und die Bilder über den Rand hinaus nach unten anzeigt.
Bei z.B. Fotolia achtet das Javascript darauf und wenn man zu weit am Rand ist, wird das Bild halt an anderer Stelle angezeigt. Kann mir einer von euch sagen, wie ich das hier hinbekomme?
Vielen Dank.
Gruß,
Olli