Bilder i eget fönster

S

sanwan

Jag håller på med en ny hemsida och vill kunna öppna bilderna i ett eget fönster mha javascript. Alltså att man klickar på en bild och så ööppnas den i ett fönster i anpassad storlek.
Jag vet hur jag får det att funka om jag gör en html-sida för varje bild, men visst ska det gå att öppna bilden direkt utan att behöva lägga upp en egen sida för varje bild?
/sanwan - skriver lite snurrigt mitt i natten men hoppas att ni förstår
 
<head>
<script language="JavaScript">
<!-- Begin
function popUp() {
props=window.open('din_websida.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=200, height=300 left = 100, top = 100');
}
// End -->
</script>
</head>

Lägg denna kod inom <BODY>
<A HREF="javascript:popUp()">Klicka här!</A>
Om du behöver öppna flera popupfönster från samma HTML-sida kan du använda samma script flera gånger. Viktigt är att du då byter namn på varje nytt script, tex:

function popUp1()
function popUp2()
function popUp3() etc...

Denna kod använder jag när jag bara ska öppna enstaka fönster

<a href="abc.html" onMouseOver="MM_openBrWindow('abc.html','abc','scrollbars=yes,width=445,height=460')">Öppna sidan abc</a></p>

hoppas du blev klokare
 
Jag har gjort precis som du skriver först. Men, då måste man väl ha en separat html-sida för varje bild, eller? Det är det jag skulle vilja komma ifrån, alltså jag vill kunna öppna bild.jpg direkt utan att lägga bilden på en egen sida.
 
Själv har jag alltid använt mig av den här koden:

Mellan <head> och </head>:
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
får användas fritt så länge som dessa rader står kvar. */

function imgPopup(url,x,y){
MyWin = window.open("","","width=" + x + ",height=" + y + ",toolbar=no,location=no,directories=no,status=no,menubar=no");
with(MyWin.document){
open();
write("<html>\n<head>\<title>Fönstrets titel</title>\n</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0>\n");
write("<img src=\"" + url + "\" width=\"" + x + "\" height=\"" + y + "\">\n");
write("</body>\n</html>\n");
close();
}
}
</script>

Och sedan mellan <body> och </body>:

<a href="JavaScript:imgPopup('bild.jpg', bredd,höjd);"><img src="länkadbild.jpg" border="0"></a>

Du kan ha hur många bilder som helst på varje HTML-sida.
 
Nej, det behöver du inte. Precis som nilema beskriver kan du ha hur många popup-rutor som helst så länge alla har olika namn.
 
Jo, man måste ha en sida för varje bild. Jag använder mig av det scriptet.

Jag behöver också tips på hur man får upp bilder i nytt fönster utan att behöva ha en sida till varje.
 
Det här scriptet hade jag på min gamla hemsida. Då öppnas bilden i ett pop-upfönster, som är i valfri storlek (lämpligtvis i samma storlek som bilden).

Mellan <head> och </head>:

<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
får användas fritt så länge som dessa rader står kvar. */

function imgPopup(url,x,y){
MyWin = window.open("","","width=" + x + ",height=" + y + ",toolbar=no,location=no,directories=no,status=no,menubar=no");
with(MyWin.document){
open();
write("<html>\n<head>\<title> Titel </title>\n</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0>\n");
write("<img src=\"" + url + "\" width=\"" + x + "\" height=\"" + y + "\">\n");
write("</body>\n</html>\n");
close();
}
}
</script>

Sedan där länken till bilden ska vara (själv använde jag en liten version av bilden som länk:

<a href="JavaScript:imgPopup(' bild.jpg', 450, 312 );"><img src="litenbild.jpg">
 
Oj, vi hade visst samma. :o

Men i alla fall, med det här scriptet behövs ingen html-sida att lägga bilden på, det är enbart bilden som öppnas i fönstret.
 
Jo, jag förstår att man kan använda scriptet flera gånger på samma sida, det jag inte gillade var att man var tvungen att länka till en html-sida, alltså att man var tvungen att göra en html-sida för varje bild som skulle poppa upp så att säga.
Jag är nog urusel på att förklara vad jag menar... :crazy:
Hur som helst så tycks ju mitt problem vara löst med koden du lade in, som länkar till formatet .jpg.
Blir mindre jobbigt då... :banana:
 
Oj. Nu först fattar jag vad du menar. :o
Men det var ju tur att problemet har löst sig! :)
 

Liknande trådar

Skola & Jobb 15 år i vården blev det men nu säger kroppen tvärstopp, ALLT gör ont, hela tiden. 3 omgångar av vad jag förstått i efterhand var...
2 3
Svar
47
· Visningar
7 718
Senast: fejko
·
  • Artikel Artikel
Dagbok Huset jag köpte hade inte använts som permanentbostad på de senaste “60+-ish” åren, och hade även stått helt lämnat åt sitt öde under...
2
Svar
26
· Visningar
7 381
Senast: Calmiche
·
Katthälsa Hej Jag provar att fråga här. Snälla inga påhopp, jag är här för att be om tips o råd. Jag gör det bästa jag kan för mina katter efter...
Svar
18
· Visningar
4 331
  • Artikel Artikel
Dagbok När jag varit ute och snurrat i världen något år, och insett att min plats inte fanns därute heller så bestämde jag mig för att fördriva...
Svar
0
· Visningar
1 437
Senast: miumiu
·

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

  • Kattsnack 11 🐈‍⬛🐈
  • Avels fråga
  • Uppdateringstråd 30

Hästrelaterat

Omröstningar

  • Tvättstugedrama
Tillbaka
Upp