/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Mere billed-rollover
Fra : Claus Skaarup \(Arbe~


Dato : 24-03-06 15:41

Hej

Er der nogen, der kan sige mig hvordan billed-rollover funktionen på dba.dk
fungerer? Altså dér, hvor man holder musen henover fotoikonet og får vist et
billede. Det skal IKKE være alm. billed-rollover, hvor noget tekst udskiftes
med et billede. Man skal kunne holde musen over teksten og få vist billedet
samtidig.

Mvh Claus



 
 
Knud Gert Ellentoft (24-03-2006)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 24-03-06 18:09

Claus Skaarup (Arbejde) skrev:

>Er der nogen, der kan sige mig hvordan billed-rollover funktionen på dba.dk
>fungerer? Altså dér, hvor man holder musen henover fotoikonet og får vist et
>billede.

Har ikke kigget på dba.dk, men du kan kigge i kildekoden på
http://ellentoft.1go.dk/galleri/index2.php, det er en mulighed.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Ace (24-03-2006)
Kommentar
Fra : Ace


Dato : 24-03-06 23:58

.. var lige inde og kigge dba.dk, og hvis du er interesseret så er det her det
grundlæggende i dba's galleri.

<html>
<head>

<script>

var objLargeImgLink;

function showThumb(objImgLink,strLargeImgName) {
   var strImgSrc = objImgLink.childNodes[0].src;
   
   document.getElementById("annImgLarge").style.backgroundImage = "url(" +
strImgSrc + ")";
   
   // Sætter den rigtige billedsti på onclick eventen
   document.getElementById("annImgLarge").getElementsByTagName("A")[0].setAttribut
e("onclick",objImgLink.getAttribute("onclick"));
}
</script>

</head>
<body>

<table cellpadding="0" cellspacing="0" border="0" width="300" height="300">
<tr>
   <td align="center" colspan="4" height="227" id="annImgLarge"
style="background:url(http://images.dba.dk/images/2/70/43722070_05032006122652_5
414_2.jpg) no-repeat center center">
   <a href="javascript:void(0)"
onclick="bigPicPop('http://images.dba.dk/images/3/70/43722070_05032006122652_760
2_3.jpg',468,351,'')"><img src="http://www.dba.dk/images/misc/trans.gif"
border="0" width="300" height="300"></a></td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" width="302">
<tr>
   <td valign="top">
   <div
style="position:relative;float:left;overflow:hidden;width:68px;height:68px;borde
r:1px solid #D5DCE2;background:#FCFCFC;margin-right:3px;margin-top:3px"><a
href="javascript:void(0)" onMouseover="if(this.childNodes[0] &&
this.childNodes[0].src) showThumb(this,'annImgLarge')"
onclick="bigPicPop('http://images.dba.dk/images/3/70/43722070_05032006122652_760
2_3.jpg',468,351,'')"><img
src="http://images.dba.dk/images/2/70/43722070_05032006122652_5414_2.jpg"
width="68" height="52" border="0"
style="position:relative;left:0px;top:8px"></a></div>
   <div
style="position:relative;float:left;overflow:hidden;width:68px;height:68px;borde
r:1px solid #D5DCE2;background:#FCFCFC;margin-right:3px;margin-top:3px"><a
href="javascript:void(0)" onMouseover="if(this.childNodes[0] &&
this.childNodes[0].src) showThumb(this,'annImgLarge')"
onclick="bigPicPop('http://images.dba.dk/images/3/70/43722070_05032006122711_483
3_3.jpg',468,351,'')"><img
src="http://images.dba.dk/images/2/70/43722070_05032006122711_8282_2.jpg"
width="68" height="52" border="0"
style="position:relative;left:0px;top:8px"></a></div>
   <div
style="position:relative;float:left;overflow:hidden;width:68px;height:68px;borde
r:1px solid #D5DCE2;background:#FCFCFC;margin-right:3px;margin-top:3px"><a
href="javascript:void(0)" onMouseover="if(this.childNodes[0] &&
this.childNodes[0].src) showThumb(this,'annImgLarge')"
onclick="bigPicPop('http://images.dba.dk/images/3/70/43722070_05032006122738_993
2_3.jpg',468,351,'')"><img
src="http://images.dba.dk/images/2/70/43722070_05032006122738_2758_2.jpg"
width="68" height="52" border="0"
style="position:relative;left:0px;top:8px"></a></div>
   </td>
</tr>
</table>

</body>
</html>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste