vis billede med musen

det er nemmere bare at lave det sådan her:

<img src="billede1.jpg" onmouseover="this.src='billede2.jpg'" onmouseout="this.src='billede1.jpg'" alt="billede">

Correct me if I'm wrong, men tror ikke det var det han spurgte om - ved at læse dette:

"Det er ikke så smart forklaret her. -men forestil jer en slags splitscreen lodret i billedet, som afslører mere eller mindre af det nederste billede alt efter musens horisontale position."

det lyder mere som om at han mener der skal være en "usynlig linje" igennem billedet fra top til bund. så når man bevæger musen til højre hen over billedet skal et andet billede gradvist komme oven over det første billede, og hvis du bevæger musen til venstre skal det gradvist forsvinde?

jeg er ikke sikker på at det kan laves i javascript? man kan måske lave et eller andet smart, men så er det i hvert fald for avanceret for mig, jeg har aldrig hørt om et script der kan gemme en del af et billede. Derimod kan det helt sikkert laves i flash.

jeg undskylder for ikke at have læst spørgsmålet ordenligt! :S

jih --> Ja det er præcis det jeg mener. Efter en sludder med en kammerat fortæller han mig også at det er en flash ting. Han er gået i krig med at lave den og jeg smider et link til den når den er færdig!

Det må kunne laves i javascript. Et lille hurtigt eksempel, som ikke er cross-browser venligt. Virker i IE 7

<script type="text/javascript">

document.onmousemove = getMouseXY;

function findPos(obj){
  var curleft = 0;
  var curtop = 0;
  if(obj.offsetParent){
    do{
      curleft += obj.offsetLeft;
      curtop += obj.offsetTop;
    }while (obj = obj.offsetParent);
  }
  return [curleft,curtop];
}

function getMouseXY() {
  var x = event.clientX + document.body.scrollLeft;
  var y = event.clientY + document.body.scrollTop;

  var topimage = document.getElementById("topimage");
  var pos = findPos(topimage);

  if(x >= pos[0] && x < pos[0]+147 && y >= pos[1] && y < pos[1]+120){
    var splitx = x - pos[0];
    topimage.style.width = splitx;
  }
}
</script>

<div style="position:relative">
<div id="topimage" style="
  background-image:url('1.jpg');
  background-repeat:no-repeat;
  width: 147;
  height: 120;
  z-index: 3;
  position: absolute;
">
</div>
<div style="
  background-image:url('2.jpg');
  background-repeat:no-repeat;
  width: 147;
  height: 120;
  z-index: 1;
  position: absolute;
">
</div>
</div>

Prøv at flyt mus til top-venstre
http://scripts.franciscocharrua.com/xray.php

mvh klaudi

En anden en
http://medlem.spray.se/klaudi/xraymus/xraymus.html

*poke*

Hallooo er der nogen hjemme :-)