Avatar billede bigtime Nybegynder
27. maj 2012 - 00:03 Der er 13 kommentarer

mouseover og google reklame ballade :D

hey.
jeg bruger det her script til at vise billederne http://www.eksperten.dk/spm/819520
men problemet er at når den viser billederne så bliver de vist bag google reklamen jeg har på siden. hvordan fikser jeg det så billedet kommer foran reklamen ?
Avatar billede The_Buzz Novice
27. maj 2012 - 08:12 #1
hvor kan jeg se det? Din side
Avatar billede bigtime Nybegynder
27. maj 2012 - 10:09 #2
min side er her http://321solgt.dk/index.php?go=kategori&id=1
ville også lige høre hvordan jeg får den til at vise billede til venstre i stedet for højre det ville også løse problemet
Avatar billede claes57 Ekspert
27. maj 2012 - 11:05 #3
hvis billeder altid har samme størrelse, så ind i linjen
  imglarge.style.left=imgsmall.offsetLeft+imgsmall.offsetWidth+10;
det skal så være
  imglarge.style.left=imgsmall.offsetLeft-510;
(billeder ser ud til at være fast 500px brede).

det vil flytte stort billede til venstre for det lille.
Avatar billede bigtime Nybegynder
27. maj 2012 - 11:14 #4
claes jeg har brugt det fra http://www.eksperten.dk/spm/819520 svar #1 for det andet satte bare billede oppe i højere hjørne og det skulle den ikke
Avatar billede claes57 Ekspert
27. maj 2012 - 11:26 #5
så ret linjen
  imglarge.style.left=imgsmall.offsetLeft+(imgsmall.offsetWidth/2);
til
  imglarge.style.left=imgsmall.offsetLeft-510;
Avatar billede bigtime Nybegynder
27. maj 2012 - 11:29 #6
har prøvet og det er den også nu men den bliver samme sted
Avatar billede jakobdo Ekspert
27. maj 2012 - 11:30 #7
Og ellers kan du vel bare smide en z-index:1000; på billeder som skal "poppes" ud.
Avatar billede bigtime Nybegynder
27. maj 2012 - 11:55 #8
Tak jakobdo det virkede :D
så der bare det jeg vil have vist billede til venstre i stedet for til højre
Avatar billede mbm2016 Nybegynder
28. maj 2012 - 18:21 #9
En lille hurtig kode jeg smækkede sammen, hvor popup-billedet følger musen og er til venstre for musen (Kan selvfølgelig let ændres til dine behov :D)


<html>
<head>
<script type="text/javascript" language="javascript">
function ShowImg(e,imgsmall,imglarge){
    var imglarge=document.getElementById(imglarge);
    var musX = (typeof event != 'undefined') ? event.clientX : e.pageX;
    var musY = (typeof event != 'undefined') ? event.clientY : e.pageY;
    imglarge.style.top=musY+10;
    imglarge.style.left=musX-imglarge.offsetWidth-10;
    imglarge.style.display="inline";
}
function HideImg(id){
    document.getElementById(id).style.display="none"
}
</script>
</head>
<body>

<p>hej</p>

<img src="img1.jpg" width="300" onmousemove="ShowImg(event,this,'img2')" onmouseout="HideImg('img2')">
<img id="img2"width="300" src="img2.jpg" style="position:absolute;display:none">
<img src="img2.jpg"  width="300"onmousemove="ShowImg(event,this,'img3')" onmouseout="HideImg('img3')">
<img id="img3"width="300" src="img1.jpg" style="position:absolute;display:none">

</body>
</html>
Avatar billede bigtime Nybegynder
29. maj 2012 - 12:35 #10
mbm2007
Må nok sige jakobdo har det bedste svar jeg har brugt dit script nu men det gav det samme som det andet,
så tror det bliver jakobdo der får flest point der hvis han kommer med et svar
Avatar billede jakobdo Ekspert
29. maj 2012 - 14:45 #11
Men mangler du ikke stadig at løse problemet med at få billede til venstre og ikke højre?

Jeg tror nu jeg evt. ville lave en løsning ala:

<div style="position:relative">
<img LILLE BILLEDE />
<img STORT BILLEDE style="position:absolute;">
</div>

Så burde du "nemmere" kunne placere det store billede som du ønsker.
For lige pt, der anvendes dine left og top ikke korrekt, som jeg ser det.
Avatar billede bigtime Nybegynder
05. juni 2012 - 17:28 #12
på min computer ville billede ikke komme i venstre side værgen i IE eller Firefox så prøve jeg på en computer hos en kammerrat så fløj billede fra venstre til højre igen og igen osv
Avatar billede bigtime Nybegynder
28. august 2012 - 17:44 #13
jakobdo kan du komme med et svar så bliver der delt ud
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