Søg
Avatar billede judas Nybegynder
24. juli 2002 - 11:54 Der er 35 kommentarer og
1 løsning

Kant på billed-hyperlink

1.
Hvordan fjerner man den violette kant som opstår omkring et billede når man laver det til et hyperlink? (Det befinder sig i en celle hvis det har noget betydning - cellen har ingen ramme!)
2.
Hvordan får man et hyperlink til at skifte et billede i et frame uden at skulle loade en helt ny side? Jeg skal have Thumbnails til at linke til billedet i fuld størrelse, men det kræver vel ikke et nyt dokument til hvert fuldstørrelses-billede?
Avatar billede Slettet bruger
24. juli 2002 - 11:56 #1
1)
<a href="bla.html"><img src="bla.gif" border="0"></a>

2)
<a href="#" onClick="parent.frameNavn.document.billedNavn.src = 'dit_billede.gif'; return false;">Link</a>
Avatar billede Slettet bruger
24. juli 2002 - 11:57 #2
P.S. Husk at give både den anden frame og det andet billede et navn. Og at ændre "frameNavn" og "billedNavn" i koden!
Avatar billede bad24 Nybegynder
24. juli 2002 - 12:01 #3
Det er også programmet, du bruger som gør det. Brug nogle nye DreamWeaver MX eller FrontPage 2002.

//Lars
Avatar billede Slettet bruger
24. juli 2002 - 12:02 #4
Programmet er ligegyldigt! Man skal bare huske border="0"!
Avatar billede bad24 Nybegynder
24. juli 2002 - 12:06 #5
det er det da ikke, jeg har kun oplevet det med FrontPage Express.
ALDRIG været ude for det DreamWeaver MX eller FrontPage 20002
Avatar billede Slettet bruger
24. juli 2002 - 12:11 #6
bad24>> uanset om du vil det eller ej, skal der i din rå html kode stå border="0", da det er åden at fjerne denne rammer om billedet

mvh.
Questis.dk
Avatar billede Slettet bruger
24. juli 2002 - 12:13 #7
Ja, så er det bare fordi DW_MX og FP_02 automatisk indsætter border="0"!
Avatar billede judas Nybegynder
24. juli 2002 - 12:13 #8
Jeg har skrevet følgende kode:

<td><a href="#" onClick="parent.main.document.tngaard_optimeret.src = 'gaard_optimeret.jpg'; return false;">Link</a></td>

Skal jeg have stien med til billederne? Jeg får "Error on page"...
tngaard_optimeret er min thumbnail - gaard_optimeret.jpg er det billede jeg vil have frem!
btw - jeg skriver ren html
Avatar billede bamzen Nybegynder
24. juli 2002 - 12:14 #9
bad24, det du sikkert har oplevet er at default ikke er sat til 0 i de gamle editorer ;-)
Avatar billede Slettet bruger
24. juli 2002 - 12:15 #10
judas>> Det ser rigtigt ud, men din framestruktur er sikkert anderledes. Smid lige et link.
Avatar billede judas Nybegynder
24. juli 2002 - 12:18 #11
http://userportal.iha.dk/~00847/frameset.html
Avatar billede judas Nybegynder
24. juli 2002 - 12:18 #12
Indeholder ikke mine forsøg med billedlinks - men du kan vel godt se min framestruktur!
Avatar billede Slettet bruger
24. juli 2002 - 12:18 #13
Er det under Galleri?
Avatar billede judas Nybegynder
24. juli 2002 - 12:19 #14
jeps - uploader lige det sidste nye - 2 sek.
Avatar billede judas Nybegynder
24. juli 2002 - 12:20 #15
Det er den der hedder "link" der skulle vise et fuldstørrelsesbillede
Avatar billede jakoba Nybegynder
24. juli 2002 - 12:22 #16
billeder ligger i arrayet images i document objektet så den korrekte adresse er:

onClick="parent.frameNavn.document.images.tngaard_optimeret.src = 'gaard_optimeret.jpg'; return false;"

men med det navn du har skrevet kunne man have mistanke om at 'tngaard_optimeret' er navnet på din billedfil. Det skal det ikke være, det skal være det navn den <img kommando i rammen main har. du giver <img kommandoen et navn ved at skrive name='detnavndenskalhave' i den:

<img name='billedimain' src="filnavn.jpg" ...>

og onclick er så:
  onClick="parent.frameNavn.document.images.billedimain.src = 'gaard_optimeret.jpg'; return false;"

mvh JakobA
Avatar billede Slettet bruger
24. juli 2002 - 12:23 #17
OK, vi har misforstået hinanden!
Linket skal se sådan ud:

<a href="#" onClick="document.billedNavn.src = 'billede.gif'; return false;">Link</a>

Og så skal du altså huske at give billedet et navn:

<img src="bla.gif" name="billedNavn">
Avatar billede judas Nybegynder
24. juli 2002 - 12:32 #18
OK- - du går det helt galt for mig.

I en celle i en tabel skal jeg have en thumbnail til at aktivere billedet i fuld størrelse i selvsamme ramme. Rammen hedder "main".
Thumbnailen har stien "images/thumbnails/tngaard_optimeret.gif" og skal have navnet "gaard". Det billede jeg skal have vist i fuld størrelse ligger i "images/gaard_optimeret.jpg"
Avatar billede judas Nybegynder
24. juli 2002 - 12:33 #19
jeg er kommet så langt:

<td>...................
Avatar billede judas Nybegynder
24. juli 2002 - 12:33 #20
du = nu
Avatar billede Slettet bruger
24. juli 2002 - 12:34 #21
Så gør du bare som jeg har skrevet! :)
Avatar billede Slettet bruger
24. juli 2002 - 12:36 #22
Hvis det skal være et billede, der gør det, så skriver du bare dette:

<img src="bla.gif" onClick="document.billedNavn.src = 'billede.gif';">

Og hvis det er det selvsamme billede, der skal gøres større, så er det endnu nemmere:

<img src="thumb.jpg" onClick="this.src = 'full.jpg';">
Avatar billede judas Nybegynder
24. juli 2002 - 12:36 #23
ok
"billed.gif" i din forklaring skal udskiftes med hele stien til det billede jeg vil have i fuldstørrelse - korrekt?
det billede som skal have et navn er min thumbnail - korrekt?
Avatar billede Slettet bruger
24. juli 2002 - 12:39 #24
Det billede, der skal have et navn, er det billede, der skal udskiftes med fuld-størrelse-billedet!
Avatar billede judas Nybegynder
24. juli 2002 - 12:44 #25
Ok - så virker det - men jeg vil gerne have billedet til at være det eneste der er i framen - nu ligger det sig ind på en plads i min tabel!
Avatar billede Slettet bruger
24. juli 2002 - 12:46 #26
En lille demonstration:

http://www.friserverplads.dk/phoenixv/thumbnail.html
Avatar billede Slettet bruger
24. juli 2002 - 12:46 #27
Kan du bruge PHP på din server?
Avatar billede Slettet bruger
24. juli 2002 - 12:51 #28
Ellers må du gøre således:

1. Indsæt dette i <head> på din side:

<script language="JavaScript" type="text/javascript">
function visBill(bill) {
html = '<html>\n<head>\n</head>\n<body>\n<img src="' + bill + '">\n</body>\n</html>';
document.write(html);
}
</script>

2. Skriv dette ved dine thumbnails:

<img src="thumb.jgp" onClick="visBill('full.jpg');">
Avatar billede judas Nybegynder
24. juli 2002 - 12:52 #29
I dit eksempel har du jo også kun én thumbnail som bare udskiftes med billedet i fuld størrelse.
Jeg skal jo have fjernet alle de andre thumbnails - og have billedet til at fylde hele skærmen
Avatar billede Slettet bruger
24. juli 2002 - 12:53 #30
Du kan evt. bruge denne funktion:
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
Avatar billede judas Nybegynder
24. juli 2002 - 12:59 #31
Findes der ikke kode der gør at man kan fjerne en tabel fra en frame?
Avatar billede judas Nybegynder
24. juli 2002 - 13:00 #32
Så kunne jeg jo fjerne den "onclick" samtidig med at jeg viste fuldstørrelses billedet
Avatar billede Slettet bruger
24. juli 2002 - 13:01 #33
Så kan du da ligeså godt overskrive siden (se min kommentar 12:51:37).
Avatar billede Slettet bruger
24. juli 2002 - 13:07 #34
Nå, men jeg smutter for i dag!
Held og lykke med projektet! :)
Avatar billede judas Nybegynder
24. juli 2002 - 14:24 #35
Hvis jeg nu gerne vil beholde den overskrift jeg har i framen og kun vil have billedet til at være under stregen, hvordan gør jeg så...
Jeg ved heller ikke lige hvor jeg kan definere height og width for fuldstørrelsesbilledet uden det også gælder for thumb´en (jeg bruger den kode du gav mig kl. 12:51:37)

Du skal have tak for hjælpen - og får pointene, men responder lige på det sidste her hvis du gider!
Avatar billede Slettet bruger
25. juli 2002 - 10:05 #36
Her:

html = '<html>\n<head>\n</head>\n<body>\n<img src="' + bill + '">\n</body>\n</html>';

... skriver du bare al den html-kode, der skal være på siden. Det sted, hvor der står:

<img src="' + bill + '">

... sættes billedet ind. + bill + sætter automatisk biledets src ind, så det skal du ikke røre ved. Men hvis du vil sætte width og height på, så gør du bare sådan:

<img src="' + bill + '" width="500" height="500">

Overskriften kan frit sættes ind:

html = '<html>\n<head>\n</head>\n<body>\n<h1>Overskrift</h1>\n<hr>\n<img src="' + bill + '">\n</body>\n</html>';

\n betyder linjeskift.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »