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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Pop up til billede
Fra : Thomas Christensen


Dato : 22-03-06 21:17

Jeg er ved at lave en hjemmeside der bl.a. skal fremvise
hjemmelavede smykker.

Smykkerne skal vises i et større format via en poup midt på
siden.

Jeg har læst (også på html.dk) og spurgt og forsøgt, men intet
vil lykkes for mig.

Er der nogen der kan give mig koderne fra start til slut for at
det lykkedes ?? Popup'en skal være uden toolbar, menubar,
location m.v.

Mit udgangspunkt er følgende: <p><img
src="Billeder/billede105.gif" width="100" height="100" /></p>

Jeg har et tilsvarende billede i et større format, som bare
hedder 'xl' til sidst.

--
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

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


Dato : 22-03-06 21:49

Thomas Christensen skrev:

>Smykkerne skal vises i et større format via en poup midt på
>siden.

Kig i kildekoden på
http://home13.inet.tele.dk/smedpark/webhjaelp/popup/popup.htm
Det første script i <head>.

Og så linket i <body>.

>Mit udgangspunkt er følgende: <p><img
>src="Billeder/billede105.gif" width="100" height="100" /></p>

Du bør placere hvert større billede i en htmlside, nemmest som
baggrundsbillede, ellers vil der blive vist en margin øverst og i
venstre side.

Evt. kan du bruge javascript til at udskrive popupvinduet, se
http://ellentoft.1go.dk/pop/index.php.

Her har jeg dog ikke lige koden til at centrere popupvinduet.
--
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

Ukendt (22-03-2006)
Kommentar
Fra : Ukendt


Dato : 22-03-06 22:00


"Thomas Christensen" <thobet@mail.dk> skrev i en meddelelse
news:4421b0d0$0$15787$14726298@news.sunsite.dk...

> Smykkerne skal vises i et større format via en poup midt på
> siden.

Først og fremmest vil jeg da lige gøre opmærksom på der er delte meninger om
hvor vidt det er en god ide at åbne større biilleder i popupvinduer,
benytter nu selv samme løsning her: http://forshus.dk/fotos.asp

> Er der nogen der kan give mig koderne fra start til slut for at
> det lykkedes ?? Popup'en skal være uden toolbar, menubar,
> location m.v.

Til det formål skal du bruge lidt javascript

> Mit udgangspunkt er følgende: <p><img
> src="Billeder/billede105.gif" width="100" height="100" /></p>

Billedet skal pakkes ind i et link - her et stykke af koden fra ovenstående
link

<a href="billeder/billede105xl.gif"
onclick="window.open('billeder/billede105.gif','','scrollbars=no,
height=100, width=100');return false;"><img
src="Billeder/billede105.gif" width="100" height="100" /></</a>

Du skal så tilpasse størrelserne på vinduet. Løsningen virker både med og
uden javascript, men billedet vil blive vist samme vindue hvis javasript
skulle være deaktiveret. Sandsynligheden for det er dog meget lille

Vil du have mulighed for at lukke vinduet ved klik på billedet skal det
store billedet i stedet pakkes ind i en side. Et eksempel på kode hertil
herunder:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Sidens titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>

<body style="margin:0px;padding:0px;">
<p style="display:inline;"><a title="luk vindue" href="#"
onclick="javascript:window.close()"><img src="Billeder/billede105.gif"
title="" alt="Billedgalleri"></a></p>
</body>
</html>

Kombineret med lidt serverside kan du undgå at skulle have et html dokument
for hver billede


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Erik Ginnerskov (23-03-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 23-03-06 01:21

CS wrote:

> Først og fremmest vil jeg da lige gøre opmærksom på der er delte
> meninger om hvor vidt det er en god ide at åbne større biilleder i
> popupvinduer,

Hvis man i forbindelse med at åbne popup-vinduet tildeler vinduet et navn,
så det samme vindue kan genbuges til visning af flere billeder (eller sider
med billeder), er det ikke så slemt. Der er jo tale om et popup, som
brugeren aktivt har bedt om.

Det er langt værre, hvis man åbner en hel masse forskellige popup-vinduer,
som brugeren så skal sidde og lukke igen et efter et. Eller hvis man åbner
et vindue, som brugeren slet ikke har bedt om.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Ukendt (23-03-2006)
Kommentar
Fra : Ukendt


Dato : 23-03-06 12:24


"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:4421e9f5$0$15790$14726298@news.sunsite.dk...

> Hvis man i forbindelse med at åbne popup-vinduet tildeler vinduet et navn,
> så det samme vindue kan genbuges til visning af flere billeder (eller
> sider
> med billeder), er det ikke så slemt. Der er jo tale om et popup, som
> brugeren aktivt har bedt om.

Jep det er selvfølgelig rigtigt. Har da heller ikke selv noget imod brug af
popupvinduer i denne forbindelse. Skal nok have tildelt et navn til vinduet
næste gang siden skal opdateres


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Jørgen Farum Jensen (22-03-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 22-03-06 22:32

Thomas Christensen wrote:

Hvis du kigger på kildekoden til denne side

http://www.webdesign101.dk/wwwbog/udgave2/sommerhus/side4.htm

kan du kopiere alle væsentlige dele af dette eksempel.

Det er et ældre eksempel, der er layoutet med tabeller.
Et nyere eksempel, hvor siden er layoutet med CSS,
finder du her:

http://www.webdesign101.dk/cssbog/kildekode/figur1904.html
--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Tidemann (23-03-2006)
Kommentar
Fra : Tidemann


Dato : 23-03-06 01:20

"Thomas Christensen" skrev
> Jeg er ved at lave en hjemmeside der bl.a. skal fremvise
> hjemmelavede smykker.
>
> Smykkerne skal vises i et større format via en poup midt på
> siden.
>
> Jeg har læst (også på html.dk) og spurgt og forsøgt, men intet
> vil lykkes for mig.
>
> Er der nogen der kan give mig koderne fra start til slut for at
> det lykkedes ?? Popup'en skal være uden toolbar, menubar,
> location m.v.
>
> Mit udgangspunkt er følgende: <p><img
> src="Billeder/billede105.gif" width="100" height="100" /></p>
>
> Jeg har et tilsvarende billede i et større format, som bare
> hedder 'xl' til sidst.
>

Du kan også gøre sådan, peg på billedet
http://www.dhejne.dk/winnie.shtml

Lavet med
<div class="img">
<ul><li><a href="#"><img src="billeder/winnie_april.jpg" alt=""
width="250" height="237" /><span><img border="0"
src="billeder/winnie_april.jpg" alt=""
width="447" height="424" /></span></a>
</li></ul>
</div>

på siden

og i css:

div.img {
position:relative;
margin:0;
padding:0;
z-index: 100;
}
div.img li {
padding: 0;
text-align:left;
margin-left: -20px;
list-style: none;
}
div.img a span {display: none;}
div.img a:hover span, a:active span {
display: block;
position: absolute;
top: -180px;
left: 5%;
margin-left:60px;
padding: 0;
z-index: 100;
background: #fae5d3;
color: inherit;
}

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


David Trasbo (23-03-2006)
Kommentar
Fra : David Trasbo


Dato : 23-03-06 12:03

Tidemann skrev:

> Du kan også gøre sådan, peg på billedet
> http://www.dhejne.dk/winnie.shtml

Ikke nogen god ide. Det er meget forvirrende, og hvis der ikke er så meget
plads i browseren, får man alligevel ikke hele billedet at se.

> Lavet med

[Snip]

Undlad at lægge så meget kode på en gang ud på Usenet. Hvis du lægger et
link til det kan folk også selv vælge, om de har lyst til at se koden.

--
David Trasbo.
Vær en god Usenet-bruger. http://usenet.dk/netikette.



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