Avatar billede b_ball Nybegynder
08. april 2005 - 10:04 Der er 24 kommentarer og
1 løsning

Billede frem i kasse ved mousover

Jeg skal bruge et script som åbner et billede i en lille kasse når man har musen over et link. Jeg ved det er muligt, men jeg kan ikke lige finde noget kode der gør det.
Avatar billede tobias_louv Nybegynder
08. april 2005 - 10:08 #1
FX:
<a onMouseOver="img.style.visibility='visible';" onMouseOut="img.style.visibility='hidden'" href="http://url">Link</a>
<img id="img" style="visibility:hidden;" src="src">
Avatar billede b_ball Nybegynder
08. april 2005 - 11:47 #2
Ok det vil jeg prøve
Avatar billede b_ball Nybegynder
08. april 2005 - 11:52 #3
Jeg har lige lavet en lille test af det: http://n-design.dk/eksperten/billede.html

Som du nok kan se så rykker alt teksten over. Det skal være sådanne at den bliver åbnet i et lag over. Lidt som en dropdown menu.
Avatar billede tobias_louv Nybegynder
08. april 2005 - 11:55 #4
hos mig ligger billedet under, men vi kan fikse det med et andet lag
Avatar billede b_ball Nybegynder
08. april 2005 - 11:57 #5
Vil du se om du kan lave det?
Avatar billede tobias_louv Nybegynder
08. april 2005 - 11:57 #6
Jeg tager udgangspunkt i dit logo og tilføjer lift her og der. tilsidst:
<img id="img" style="visibility:hidden;position:relative;top:10px;left:20px;z-index:10;" src="TNT_logo.png">
Det burde virker, gør det ikke det, så skriv 'position:absolute' istedet for 'position:relative'
Avatar billede tobias_louv Nybegynder
08. april 2005 - 12:00 #7
Det rigtige er:
<img id="img" style="visibility:hidden;position:absolute;top:10px;left:20px;z-index:10;" src="TNT_logo.png">
du kan ændre top:** og left:** og bestemme hvor billedet skal ligge
Avatar billede b_ball Nybegynder
08. april 2005 - 12:08 #8
jeg vil meget gerne have det til at ligge som her: http://n-design.dk/eksperten/mambomus.jpg

Ved godt musen er grim:-D
Avatar billede tobias_louv Nybegynder
08. april 2005 - 12:09 #9
I'l try to fix that
Avatar billede b_ball Nybegynder
08. april 2005 - 12:10 #10
ok cool!
Avatar billede tobias_louv Nybegynder
08. april 2005 - 12:29 #11
Prøv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Nyt dokument</title>
<meta name="generator" content="TSW WebCoder">
<script language="JavaScript1.2">
<!--
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
  if (IE) {
  tempX = event.clientX + document.body.scrollLeft;
  tempY = event.clientY + document.body.scrollTop;
  }
  else {
  tempX = e.pageX;
  tempY = e.pageY;
  }  ;
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  img.style.left = tempX;
  img.style.top = tempY;
  return true;
};
//-->
</script>
</body>
</html>

</head>

<body>
Det er ikke kun glade amatører, der eksperimenterer med at skabe egne radioudsendelser, som hentes på nettet og afspilles i en mp3-afspiller. De professionelle vil også være med.

I Danmark er DR på trapperne med en ny del af sit websted. Her skal man kunne hente såkaldte podcast-programmer. Altså for eksempel downloade seneste udgave af Miljømagasinet til sin computer og derefter overføre programmet til sin mp3-afspiller – en Ipod eller en af de andre. Klar til at lytte til, når man selv er på farten og klar til det.

Uafhængig af tid og sted
»Den traditionelle radios styrke er, at man er uafhængig af sted – i modsætning til tv'et og computeren. Til gengæld er man bundet af tid, fordi vi i radioen bestemmer i hvilken rækkefølge, programmerne skal sendes. Med radio on demand på computeren er man uafhængig af tid, men ikke af sted. Men med podcast er man uafhængig af både tid og sted«, siger radiodirektør Leif Lønsmann, DR.

Leif Lønsmann har store forventninger til podcast-programmernes kommende popularitet. Tal fra britiske BBC, hvor man allerede levere popcast og en amerikansk undersøgelse, der har afdækket, at især unge er vilde med popcast, giver grund til at mene, at Lønsmann kan få ret.

Musikprogrammer afventer
DR planlægger i første omgang at levere P1- og P2-programmer, primært snakkeprogrammer. Men Lønsmann forventer, at DR med tiden kommer overens med pladeselskaber og andre rettighedshavere, så også musikudsendelser kan sendes.

En nøjagtig dato for, hvordan DR tilbyder podcast er ikke sat endnu. Inden sommer lyder et bud. Inden skal de sidste tekniske og rettighedsmæssige detaljer på plads
<a onMouseOver="img.style.visibility='visible';the_img.style.width='';the_img.style.height='';" onMouseOut="img.style.visibility='hidden';the_img.style.width='1px';the_img.style.height='1px';" href="http://url">Link</a>
<div id="img" style="visibility:hidden;position:absolute;top:10px;left:10px;z-index:10;border-style:solid;border-color:black;border-width:1px;"><img id="the_img" style="width:1px;height:1px;" src="TNT_logo.png"><br>Tekst</div>


</body>
</html>
Avatar billede b_ball Nybegynder
08. april 2005 - 13:03 #12
Tjaa det virker, men kun i IE og der skal man først tillade blokeret indhold
Avatar billede tobias_louv Nybegynder
08. april 2005 - 13:12 #13
Prøv dette:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Nyt dokument</title>
<meta name="generator" content="TSW WebCoder">
<script language="JavaScript1.2">
<!--
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
  if (IE) {
  tempX = event.clientX + document.body.scrollLeft;
  tempY = event.clientY + document.body.scrollTop;
  }
  else {
  tempX = e.pageX;
  tempY = e.pageY;
  }  ;
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  img.style.left = tempX;
  img.style.top = tempY;
  return true;
};
function vis_piv() {
  if (document.all) {
  img.style.visibility='visible';
  the_img.style.width='';
  the_img.style.height='';
  }
  else {
  img.visibility='visible';
  the_img.width='';
  the_img.height='';
  };
};
function skjul_piv() {
  if (document.all) {
  img.style.visibility='hidden';
  the_img.style.width='1px';
  the_img.style.height='1px';
  }
  else {
  document.img.visibility='hidden';
  document.the_img.width='1px';
  document.the_img.height='1px';
  };
};
//-->
</script>
</body>
</html>

</head>

<body style="overflow:hidden;">
Det er ikke kun glade amatører, der eksperimenterer med at skabe egne radioudsendelser, som hentes på nettet og afspilles i en mp3-afspiller. De professionelle vil også være med.

I Danmark er DR på trapperne med en ny del af sit websted. Her skal man kunne hente såkaldte podcast-programmer. Altså for eksempel downloade seneste udgave af Miljømagasinet til sin computer og derefter overføre programmet til sin mp3-afspiller – en Ipod eller en af de andre. Klar til at lytte til, når man selv er på farten og klar til det.

Uafhængig af tid og sted
»Den traditionelle radios styrke er, at man er uafhængig af sted – i modsætning til tv'et og computeren. Til gengæld er man bundet af tid, fordi vi i radioen bestemmer i hvilken rækkefølge, programmerne skal sendes. Med radio on demand på computeren er man uafhængig af tid, men ikke af sted. Men med podcast er man uafhængig af både tid og sted«, siger radiodirektør Leif Lønsmann, DR.

Leif Lønsmann har store forventninger til podcast-programmernes kommende popularitet. Tal fra britiske BBC, hvor man allerede levere popcast og en amerikansk undersøgelse, der har afdækket, at især unge er vilde med popcast, giver grund til at mene, at Lønsmann kan få ret.

Musikprogrammer afventer
DR planlægger i første omgang at levere P1- og P2-programmer, primært snakkeprogrammer. Men Lønsmann forventer, at DR med tiden kommer overens med pladeselskaber og andre rettighedshavere, så også musikudsendelser kan sendes.

En nøjagtig dato for, hvordan DR tilbyder podcast er ikke sat endnu. Inden sommer lyder et bud. Inden skal de sidste tekniske og rettighedsmæssige detaljer på plads
<a onMouseOver="vis_piv();" onMouseOut="skjul_piv();" href="http://url">Link</a>
<span id="img" style="visibility:hidden;position:absolute;top:10px;left:10px;z-index:10;border-style:solid;border-color:black;border-width:1px;"><img id="the_img" style="width:1px;height:1px;" src="TNT_logo.png"><br>Tekst</span>


</body>
</html>

Hjalp det i NS, Mozilla, Opera?
Avatar billede b_ball Nybegynder
08. april 2005 - 13:13 #14
Nej desvære ikke.
Avatar billede tobias_louv Nybegynder
08. april 2005 - 13:18 #15
Tja. Så tror jeg ikke, at jeg kan hjælpe mere.
Jeg er ikke særlig sej til at programmere for andet end IE.
Jeg programmerer JavaScript mest for min egen skyld, og jeg bruger altid IE.
Beklager...
Avatar billede tobias_louv Nybegynder
08. april 2005 - 13:19 #16
Lige et sidste forsøg:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Nyt dokument</title>
<meta name="generator" content="TSW WebCoder">
<script language="JavaScript1.2">
<!--
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
  if (IE) {
  tempX = event.clientX + document.body.scrollLeft;
  tempY = event.clientY + document.body.scrollTop;
  }
  else {
  tempX = e.pageX;
  tempY = e.pageY;
  }  ;
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  img.style.left = tempX;
  img.style.top = tempY;
  return true;
};
function vis_piv() {
  if (document.all?true:false) {
  img.style.visibility='visible';
  the_img.style.width='';
  the_img.style.height='';
  }
  else {
  img.visibility='visible';
  the_img.width='';
  the_img.height='';
  };
};
function skjul_piv() {
  if (document.all?true:false) {
  img.style.visibility='hidden';
  the_img.style.width='1px';
  the_img.style.height='1px';
  }
  else {
  document.img.visibility='hidden';
  document.the_img.width='1px';
  document.the_img.height='1px';
  };
};
//-->
</script>
</body>
</html>

</head>

<body style="overflow:hidden;">
Det er ikke kun glade amatører, der eksperimenterer med at skabe egne radioudsendelser, som hentes på nettet og afspilles i en mp3-afspiller. De professionelle vil også være med.

I Danmark er DR på trapperne med en ny del af sit websted. Her skal man kunne hente såkaldte podcast-programmer. Altså for eksempel downloade seneste udgave af Miljømagasinet til sin computer og derefter overføre programmet til sin mp3-afspiller – en Ipod eller en af de andre. Klar til at lytte til, når man selv er på farten og klar til det.

Uafhængig af tid og sted
»Den traditionelle radios styrke er, at man er uafhængig af sted – i modsætning til tv'et og computeren. Til gengæld er man bundet af tid, fordi vi i radioen bestemmer i hvilken rækkefølge, programmerne skal sendes. Med radio on demand på computeren er man uafhængig af tid, men ikke af sted. Men med podcast er man uafhængig af både tid og sted«, siger radiodirektør Leif Lønsmann, DR.

Leif Lønsmann har store forventninger til podcast-programmernes kommende popularitet. Tal fra britiske BBC, hvor man allerede levere popcast og en amerikansk undersøgelse, der har afdækket, at især unge er vilde med popcast, giver grund til at mene, at Lønsmann kan få ret.

Musikprogrammer afventer
DR planlægger i første omgang at levere P1- og P2-programmer, primært snakkeprogrammer. Men Lønsmann forventer, at DR med tiden kommer overens med pladeselskaber og andre rettighedshavere, så også musikudsendelser kan sendes.

En nøjagtig dato for, hvordan DR tilbyder podcast er ikke sat endnu. Inden sommer lyder et bud. Inden skal de sidste tekniske og rettighedsmæssige detaljer på plads
<a onMouseOver="vis_piv();" onMouseOut="skjul_piv();" href="http://url">Link</a>
<span id="img" style="visibility:hidden;position:absolute;top:10px;left:10px;z-index:10;border-style:solid;border-color:black;border-width:1px;"><img id="the_img" style="width:1px;height:1px;" src="TNT_logo.png"><br>Tekst</span>


</body>
</html>
Avatar billede psykochicken Nybegynder
08. april 2005 - 19:34 #17
Her er et script, jeg har brugt. Det virker i IE, NS og MOZ :)
http://www.myplayhouse.dk/ASV/ - måske kan det hjælpe dig.

Script i head, omnouseover og onmouseout på link og husk Div-en i slutningen af body.
Avatar billede b_ball Nybegynder
08. april 2005 - 19:49 #18
Jeg kigger på det når jeg får tid
Avatar billede roenving Novice
09. april 2005 - 13:13 #19
-- eller måske bare bruge Erik Bosrups overLIB !-)

http://www.bosrup.com/web/overlib/
Avatar billede b_ball Nybegynder
12. april 2005 - 09:49 #20
Nu har jeg næsten fået det til at virke. Se her: http://www.boligprojekt.dk/galleri/index2.html

I IE skal man først sige ja til blokeret indhold. men det kan man vel ikke komme uden om...

men i ie placere den sig ikke rigtig i kan jo selv se.
Avatar billede roenving Novice
12. april 2005 - 16:24 #21
Indholdet er nok blokeret, fordi du kører script fra en lokal .js-fil, så det er ikke noget problem, når den kommer online ...
Avatar billede b_ball Nybegynder
12. april 2005 - 16:33 #22
Nu virker scriptet... Men den blokere stadig nogle gang også selvom den er online

psykochicken kan du ikke komme et var da det vat din jeg brugte. Hvis i vil se siden findes den på www.boligprojekt.dk under projekt galleri
Avatar billede psykochicken Nybegynder
12. april 2005 - 16:45 #23
Jeg kan se du fik fjernet begrænsningen i forhold til højden - godt du fik det til at virke :)
Avatar billede b_ball Nybegynder
12. april 2005 - 16:53 #24
Jep det er jo godt man kender nogle javascript nørder:-D

Hvad syntes du om siden?
Avatar billede psykochicken Nybegynder
12. april 2005 - 17:41 #25
Jeg syntes den er flot(stilfuld), enkel og brugervenlig - godt arbejde :)
Hvis du vil fjerne den lille fæle IE-boks over billederne, så brug:
<meta http-equiv="imagetoolbar" content="no">

og tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester