Notifikationer

Markér alle som læst Log ud

stone Forsker

18. januar 2003 - 00:37 Der er 10 kommentarer og
1 løsning

vis billede i tabel

hvordan kan man få vist et billede i en tabel ved tryk på link.
Det skal siges at der er et billede i tabel som så skal udskiftes.

helst i html

Synes godt om

hono Nybegynder

18. januar 2003 - 00:43 #1

Hvis det absolut skal være html, kan du jo lave en iframe inde i tabellen, hvor billedet vises i. Når der klikkes på linket, kan så linke til det andet billede i iframen.

Hvis ikke du ønsker at bruge denne metode, skal nok over i noget javascript (jeg kan i hvert fald ikke komme på andre html-løsninger.

Hono

Synes godt om

jakoba Nybegynder

18. januar 2003 - 00:47 #2

<img id='billedet' src='picture1.jpg' width='200' height='300'>

<a href="" onclick="document.getElementById('billedet').src = 'picture1.jpg';return false;">billede 1</a>
<a href="" onclick="document.getElementById('billedet').src = 'picture2.jpg';return false;">billede 2</a>
<a href="" onclick="document.getElementById('billedet').src = 'picture3.jpg';return false;">billede 3</a>
<a href="" onclick="document.getElementById('billedet').src = 'picture4.jpg';return false;">billede 4</a>

du kan placere billedet i en tabel eller hvor du nu vil.

mvh JakobA

Synes godt om

jakoba Nybegynder

18. januar 2003 - 00:49 #3

linksene ovenfor benytter sig af lidt javascript, så det er ikke 'ren' HTML.

Synes godt om

stone Forsker

18. januar 2003 - 01:26 #4

Jakoba jeg kigger lige på det senere må hellere se dyner.
ps::: ok... lidt javascript kan da også bruges *SS*

vh
stone

Synes godt om

stone Forsker

23. januar 2003 - 18:36 #5

kan ikke få det til at virke... min menu er styret af js hvis jeg bruger koden fra jakoba åbnes billedet i en ny side.

Synes godt om

jakoba Nybegynder

23. januar 2003 - 19:45 #6

Læg adressem på siden her, så vi kan kikke på det.

Synes godt om

stone Forsker

26. januar 2003 - 01:28 #7

hva mener du med adressem?

Synes godt om

jakoba Nybegynder

26. januar 2003 - 01:34 #8

her er adressen på dette spørgsmål: http://www.eksperten.dk/spm/306542
den bliver ofte kaldt for en URL
internet adressen på den side du har lagt det ud på.

eller hvis filen ikke er vældig stor, kan du evt cut&paste koden ind her.

mvh JakobA

Synes godt om

stone Forsker

26. januar 2003 - 02:34 #9

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>xxxxx</TITLE>
<SCRIPT language=javascript src="images/js"></SCRIPT>

<STYLE type=text/css>.DATE {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9px; PADDING-BOTTOM: 4px; COLOR: #7a7a7a; PADDING-TOP: 4px; FONT-STYLE: normal; FONT-FAMILY: Verdana
}
.HEADLINE {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; COLOR: #263f18; PADDING-TOP: 4px; FONT-STYLE: normal; FONT-FAMILY: Verdana; LETTER-SPACING: 4px
}
.COPYRIGHT {
FONT-SIZE: 9px; COLOR: #e5e7dc; FONT-STYLE: normal; FONT-FAMILY: Verdana; LETTER-SPACING: 1px
}
BODY {
FONT-SIZE: 9px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana
}
A:link {
FONT-SIZE: 9px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
TD {
FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana
}
FORM {
MARGIN-BOTTOM: 8px
}
A.menu {
BORDER-RIGHT: #d7d9ce 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #d7d9ce 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 9px; BACKGROUND: #d7d9ce; PADDING-BOTTOM: 4px; BORDER-LEFT: #d7d9ce 1px solid; WIDTH: 100%; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #d7d9ce 1px solid; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
A.menu:hover {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ffffff 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 9px; BACKGROUND: #b4b7a6; PADDING-BOTTOM: 4px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 4px; BORDER-BOTTOM: #ffffff 1px solid; LETTER-SPACING: 2px
}
</STYLE>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY bgColor=#b4b7a6 leftMargin=0 topMargin=0 background="images/vbag.gif">
<TABLE height="600" cellSpacing=0 cellPadding=0 width="88%" border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle width="100%" height="600">
<div align="center">
<center>
<TABLE borderColor=#b4b7a6 height="431" cellSpacing=4 cellPadding=0
width=906 border=4>
<TBODY>
<TR>
<TD borderColor=#f1f2ea borderColorLight=#f1f2ea width="916"
background="images/tbg.gif" borderColorDark=#f1f2ea
height=78>
<p align="center"><img border="0" src="images/banner1.jpg" width="800" height="80"></p>
</TD></TR>
</center>
<TR>
<TD vAlign=top borderColor=#f1f2ea borderColorLight=#f1f2ea
width="916" borderColorDark=#f1f2ea height="427">
<TABLE borderColor=#b4b7a6 height="207" cellSpacing=4 cellPadding=0
width="894" border=3>
<TBODY>
<TR>
<TD vAlign=top borderColor=#f1f2ea width=154 bgColor=#d7d9ce height="96">
<TABLE borderColor=#d7d9ce cellSpacing=0 cellPadding=0
width="100%" border=1>
<TBODY>
<TR>
<TD borderColor=#f1f2ea width=100 bgColor=#b4b7a6>
<table border="0" width="147%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"></td>
<td width="33%">
<p class="HEADLINE">MENU</td>
<td width="34%"></td>
</tr>
</table>
</TD></TR>
<center>
<TR>
<TD vAlign=top width="100%"><a class="menu" href="http://#">1</a></TD></TR>
<TR>
<TD vAlign=top width="100%"><a class="menu" href="http://#">2</a></TD></TR>
<TR>
<TD vAlign=top width="100%"><a class="menu" href="http://#">3</a></TD></TR>
<TR>
<TD vAlign=top width="100%"><a class="menu" href="http://#">4</a></TD></TR>
<TR>
<TD vAlign=top width="100%"><a class="menu" href="http://#">5</a></TD></TR>
<TR>
<TD vAlign=top width="100%"><a class="menu" href="http://#">6</a></TD></TR>
<TR>
<TD vAlign=top width="100%"> </TD></TR
</TBODY></TABLE></center></TD>
<TD vAlign=middle borderColor=#f1f2ea width=524 rowSpan=3 height="201" align="center">
<img border="0" src="images/Rim00053.jpg" width="649" height="488">
</TD>
<TD vAlign=top borderColor=#f1f2ea width=182 bgColor=#d7d9ce
rowSpan=2 height="201">
<TABLE borderColor=#d7d9ce height=228 cellPadding=2
width="100%" border=1>
<TBODY>
<TR>
<TD borderColor=#f1f2ea width=100 bgColor=#b4b7a6
height=25>
<table border="0" width="141%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"></td>
<td width="33%">
<p class="HEADLINE">LINK</td>
<td width="34%"></td>
</tr>
</table>
</TD></TR>
<center>
<TR>
<TD width="100%" height=203 align="center"><a href="http://www.derosa.it">De
Rosa</a>
<p><a href="http://www.scooter45.dk">SPH</a></p>
<p><a href="http://www.jincheng.com/motuo_e.htm">Adly</a></p>
<p><a href="http://www.cagiva.it">Cagiva</a></p>
<p><a href="http://www.ge-laan.dk">GE Capital</a></p>
<p><a href="http://www.giant-bicycle.com">Giant</a></p>
<p><a href="http://www.partec.dk">Partec</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top borderColor=#f1f2ea width=154 bgColor=#d7d9ce height="99">
<TABLE borderColor=#d7d9ce height=100 cellSpacing=0
cellPadding=0 width="100%" border=1>
<TBODY>
<TR>
<TD borderColor=#f1f2ea width=100 bgColor=#b4b7a6
height=25>
<table border="0" width="147%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"></td>
<td width="33%">
<p class="HEADLINE">FORESPØRGSEL</td>
<td width="34%"></td>
</tr>
</table>
</TD></TR>
<TR>
<TD vAlign=top width="100%"
height=75><a class="menu" href="kontakt.html">Kontakt</a></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top borderColor=#f1f2ea width=154 bgColor=#d7d9ce height="1">
<TABLE borderColor=#d7d9ce height=100 cellSpacing=0
cellPadding=0 width="100%" border=3>
<TBODY>
<TR>
<TD borderColor=#f1f2ea width=100 bgColor=#b4b7a6
height=25>
<table border="0" width="145%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"></td>
<td width="33%">
<p class="HEADLINE">REKLAME</td>
<td width="34%"></td>
</tr>
</table>
</TD></TR>
<center>
<TR>
<TD vAlign=top width="100%" height=75>
<p align="center"> 
<p align="center"> 
<p align="center"><a href="http://#"><img border="0" src="images/reklame.jpg" width="122" height="129"></a>
<p> </p>
</TD></TR></TBODY></TABLE></center></TD>
<TD vAlign=top borderColor=#f1f2ea width=182 bgColor=#d7d9ce height="1">
<TABLE borderColor=#d7d9ce height=100 cellPadding=2
width="100%" border=1>
<TBODY>
<TR>
<TD borderColor=#f1f2ea width=100 bgColor=#b4b7a6
height=25 align="center">
<table border="0" width="139%" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"></td>
<td width="33%">
<p class="HEADLINE">ADRESSE</td>
<td width="34%"></td>
</tr>
</table>
</TD></TR>
<center>
<TR>
<TD width="100%"
height=75>xxxxxxxxxx 146-148 Odense C.     Tlf:
66000000                           
Fax:66000000</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD borderColor=#b4b7a6 width="916" height=1>
<div align="center">
<center>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="19">
<tr>
<td width="17%" height="19" align="center"><a class="menu" href="http://#">1</a></td>
<td width="17%" height="19" align="center"><a class="menu" href="http://#">2</a></td>
<td width="17%" height="19" align="center"><a class="menu" href="http://#">3</a></td>
<td width="17%" height="19" align="center"><a class="menu" href="http://#">4</a></td>
<td width="17%" height="19" align="center"><a class="menu" href="http://#">5</a></td>
<td width="31%" height="19" align="center"><a class="menu" href="http://#">6</a></td>
<td width="21%" height="19" align="center"></td>
<td width="6%" height="19"></td>
</tr>
</table>
</center>
</div>
</TD></TR></TBODY></TABLE>
</div>
</TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>postamble();</SCRIPT>
</BODY></HTML>

Synes godt om

jakoba Nybegynder

26. januar 2003 - 03:18 #10

desværre, jeg kan ikke finde eet eneste sted i den side du har lavet et link der ligner

<a href="" onclick="document.getElementById('billedet').src = 'picture1.jpg';return false;">billede 1</a>

Synes godt om

stone Forsker

26. januar 2003 - 11:52 #11

Jeg har fundet en anden løsning på problemet med en applet som hedder:
pixelviewer som er lavet af stig christensen.

http://hjem.get2net.dk/stig_christensen/

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering	4	23/04/202616:10	21/08/202611:03
Hjælp til Api.asmx Af lurup i Andet programmering	1	17/03/202609:27	17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering	2	12/11/202514:10	21/08/202611:08
Hjælp til programmering af website Af hamdenlange i Andet programmering	16	17/08/202522:26	19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering	8	24/07/202513:06	28/07/202517:03

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS

12:00

Ugen i tech: Tesla er få dage dage fra at slippe sin førerløse cyber-taxa løs / Sonys top-headset er tilbage som prisvenligt alternativ

21/08

Test: Der er masser at elske ved Lenovos nye super-bærbar: To dages drift og tårnhøj ydelse

21/08

Top-CIO Christian Saugman færdig i Københavns Lufthavne: Fratræder sin toppost - afløser allerede på plad

21/08

Nørgaard: Nogle gode råd om dit helbred og velbefindende

21/08

Alexander Ryle var it-ordfører i flere år: Derfor er politikerne næsten usynlige i den danske it-magts top

21/08

For Dell-topchef Heidi Have blev et bestemt møde et vendepunkt for hendes brug af AI: "Det var min første øjenåbner"

21/08

Trods fyringer begrundet med AI: Efterspørgslen på it-folk vokser – så mange ledige stillinger er der nu i Danmark

21/08

En af verdenshistoriens største udbetalinger: Gør klar til at sende 518 milliarder kroner videre til sine ejere

21/08

Den berygtede klan er tilbage med blod på tænderne

21/08

Her er de mest magtfulde politiske aktører inden for it og tech i 2026: Se hvem af dem der har mest indflydelse

21/08

Her er verdens datacenter-kapacitet samlet: 12 procent af den globale kapacitet ligger i lille område i USA

Vis flere artikler

IT-JOB

AL Sydbank

Automation Developer - Digital & Processes

KMD A/S

Support Consultant

Randers Kommune

Datakonsulenter og dataarkitekt til ny dataenhed

Statens IT

Teamkoordinator til databaseteam

Statens IT

Teknisk stærk IT-konsulent

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 21:38	webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06	email adresse Af Malm i Forslag til ændringer
I går 19:54	problem med google crome Af Malm i Andet software
I går 09:36	Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01	Samsung smart TV Af postpeter@outlook.dk i Fri debat

White papers

De spørgsmål 200+ danske virksomheder stiller om print – samlet i én guide
Konica Minolta
Er det tid til at pensionere printserveren?
Konica Minolta
Undgå at printeren bliver svageste led i sikkerheden
Konica Minolta
Samarbejde mellem AI og mennesker styrker sikkerheden
Konica Minolta

Flere white papers »