/ 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
PopUp med større billede og info - HVORDAN~
Fra : Michael Holm


Dato : 18-09-01 12:11

Hej!

Jeg har kigget på mange indlæg vedr. mit lille problem:

"Ved et klik på et billede på min hjemmeside, skal der åbnes et
popup vindue uden toolbars i en bestemt størrelse."

Jeg ved at jeg nok skal bruge JavaScript, hvilket jeg ikke har
kendskab til. Jeg bruger MS FrontPage2000. Hvordan og hvor
indsætter jeg JavaScripten og hvilket JavaScript skal jeg bruge?

Der er flere billeder på siden som skal have hver sit PopUp
vindue.

Jeg håber I kan hjælpe mig

MVH Michael



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

 
 
Knud Gert Ellentoft (18-09-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 18-09-01 14:14

Tue, 18 Sep 2001 11:10:51 +0000 (UTC), skrev Michael Holm
<mdh@image.dk>:

>Jeg ved at jeg nok skal bruge JavaScript, hvilket jeg ikke har
>kendskab til. Jeg bruger MS FrontPage2000. Hvordan og hvor
>indsætter jeg JavaScripten og hvilket JavaScript skal jeg bruge?

Læg hvert stort billede ind på en htmlside som baggrundsbillede.
Lad os sige, at du navngiver siderne billede1.htm, billede2.htm
osv

På siden med thumbnail, finder du så de pågældende billeder,
marker billedet, gå i htmlvisning og indsæt flg.:

<a href="billede1.htm" target="popup" onclick=
"window.open('','popup','width=866,height=600,left=100,top=200')"><img
src="lille_billede.jpg" width="144" height="100" border="0"
alt="Lille billedtekst"></a>

Den width og height, der står i parantesen skal svare til
størrelsen på det store billede.

left og top er hvor på skærmen poupbilledet skal åbne.
0 0 er helt oppe til venstre.

Ellers send et link til siden med thumbnails og gerne et af de
store billeder, så skal jeg kave et eksempel, der passer
specifikt på din side.
--
med venlig hilsen
Knud
http://home13.inet.tele.dk/smedpark/

Chr. D. Reventlow (21-09-2001)
Kommentar
Fra : Chr. D. Reventlow


Dato : 21-09-01 20:55


"Michael Holm" <mdh@image.dk> wrote in message
news:9o7a3r$9g1$1@sunsite.dk...
> Hej!
>
> "Ved et klik på et billede på min hjemmeside, skal der åbnes et
> popup vindue uden toolbars i en bestemt størrelse."
>

følgende javascript kan bruges:

var width,height
var image,ext
var cond1,cond2
function visBillede(image,msg,width,height) {
if (width==0) cond1=" "
else cond1="width="+(width+50)+"";
if (height==0) {cond2=" "
scroll="yes"}
else {cond2="height="+(height+80)};

var s1 ="<TITLE>"+msg+"</TITLE>"
var s15=""
var s2 ="<CENTER><IMG SRC='"+image+"' BORDER=0><br>"
var s3 ="<FORM><INPUT TYPE='BUTTON' VALUE='Luk'"+
" onClick='self.close()'>"
var s4 ="</FORM></CENTER></BODY>"

ImageWindow=window.open("", "newwin"+width,
"toolbar=no,scrollbars="+scroll+",menubar=no,"+cond1+","+cond2);
ImageWindow.document.write(s1+s15+s2+msg+s3+s4)
ImageWindow.document.close()
}

Jeg har det liggende i en script-fil (visBillede.js) som jeg så kalder med
følgende:

<A href="javascript:visBillede('filnavn.jpg','Tekst til at stå under
billedet',245,282)"><img src="filnavn_thumb.jpg" border="0"
alt="filnavn.jpg" width="88" height="100"></A>

fordelen er, at du i <a href>-tagget angiver dels billedets navn, evt.
tekst, der skal stå under billedet og så billedets dimensioner. Der er lagt
en ramme på hhv 50 / 80 px rundt om for at give lidt luft. Teksten står
centreret, men det er nemt at ændre.

mvh

Chr. D. Reventlow
mail: cd@reventlow.dk
web: www.reventlow.dk




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

Månedens bedste
Årets bedste
Sidste års bedste