Javascript för fönster

5 svar · 175 visningar · startad av CyberPet 22 mars 2001

CyberPetMedlem sedan dec. 19996 588 inlägg

22 mars 2001 06:13#1

Jag vet att detta är väldigt basic för er, men jag kan noll och intet om javascript och på de ställen där jag sökt online har jag inte hittat precis det jag vill ha. Då jag inte har några kunskaper kan jag heller inte förändra befintliga script.

Så här hade jag tänkt det:

Mitt fotoalbum har en massa tumnaglar som man sen klickar på, så ser man bilderna i större version inom samma frame. Nu har flera sagt att de heller vill att ett fönster öppnas när man klickar på en bild för att slippa webbläsarens navigationsfunktioner osv.

Så här ser fotoalbumet ut än så länge: http://www.bazazz.com/photoalbum/

Så går det på nåt sätt att få upp ett fönster med den större bilden (fast utan webbläsarens navigation och knappar)?

Helst vill jag att man också ska med hjälp av navigationspilarna i de stora bilderna kunna bläddra vidare till nästa bild. Fönstret måste också vara skrollbart då vissa bilder är något större än standardformatet (liggande och stående). Jag har bland annat några panoraman och kollage som har andra storlekar. Kanske besökaren själv kan modifiera storleken på fönstret men en standardstorlek kommer upp från början för att passa normalstorleken på bilderna (höjd & bredd).

Sen skulle jag vilja att man kan stänga detta fönster med stora bilderna (kanske med hjälp av "upp"-pilen) och komma tillbaka till originalsidan med frames och menyer.

Dvs, jag vill inte att varje bild ska hoppa upp för sig när man klickar på tumnageln utan den kommer upp en gång och sen kan man navigera i den (eller stänga den och klicka på någon annan tumnagel längre bak).

Hur gör man??

Och är det någon som kan hjälpa mig med scriptet då jag inget kan?

Snälla snälla! :)

Tack på förhand.

PS, med lite hjäp av bildbehandling har jag gjort en liten bild om hur det kan se ut. http://www.bazazz.com/pics/popupsuggestion.gif

------------------
/Petra
If you see someone without a smile, give them yours.

Erik JuhlinMedlem sedan maj 200010 687 inlägg

22 mars 2001 06:36#2

Så här skulle du kunna skriva:

Mellan <head> och </head>:
<script language="JavaScript" type="text/javascript">
<!--
function fotopopup(url,x,y){
window.open(url,"fonster","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=" + x + ",height=" + y);
}
//-->
</script>

Länken:
<a href="javascript:fotopopup('sida.html',400,300)">Länk</a>

Sen för att stänga fönstret:

<a href="javascript:window.close(-1)">Stäng</a>

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

CyberPetMedlem sedan dec. 19996 588 inlägg

22 mars 2001 08:15#3

Var det så enkelt?! :)

En fråga, vad betyder 400 och 300 i:

<a href="javascript:fotopopup('sida.html',400,300)">

------------------
/Petra
If you see someone without a smile, give them yours.

[Redigerat av CyberPet den 22 mar 2001]

Erik JuhlinMedlem sedan maj 200010 687 inlägg

22 mars 2001 08:20#4

Ja, det är så enkelt! :)

Där kan du skriva vad du vill ha för bredd och höjd på fönstret. :)

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

CyberPetMedlem sedan dec. 19996 588 inlägg

22 mars 2001 10:30#5

Nämen! :)

*Pussar på Erik som tack* :f

Tack för hjälpen!

------------------
/Petra
If you see someone without a smile, give them yours.

CyberPetMedlem sedan dec. 19996 588 inlägg

22 mars 2001 14:52#6

Ville bara säga att jag nu uppdaterat min sida med Eriks javascript... ser ut att funka finfint i Netscape, jag hoppas det ser likadant ut för andra. :)

Många, många tacksamma kramar till Erik! :)

------------------
/Petra
If you see someone without a smile, give them yours.