[Javascript] Foutje in script - Softwareontwikkeling

maandag 7 februari 2005 21:19

Acties:

Verwijderd

Topicstarter

Hoi, ik heb een script gevonden die precies doet wat ik wil, niet meer en niet minder.
De bedoeling is dat je op een foto klikt en dan gecentreerd een nieuw venster krijgt met de volledige foto en het venster is even groot als de foto (variabel dus).
Nu, de eerste keer dat je klikt opent het kader in een vaste groote en de 2de maal opent het kader in de juiste grootte.
hier heb je de link
http://users.skynet.be/jellepunk/jb/foto.html
en hier het javascriptje

code:

<script type="text/javascript">
var newWindow
function popupImage(url,title)
{
if(newWindow){
newWindow.close()
newWindow =null}

scr       = "no"
myImg     = new Image()
myImg.src = url
w         = myImg.width
h         = myImg.height
t         = Math.floor((screen.availHeight-h)/2)
l         = Math.floor((screen.availWidth-w)/2)

if(w>screen.availWidth){
w = screen.availWidth-8
l = Math.floor((screen.availWidth-w)/2)-4
scr = "yes"}
 
if(h>screen.availHeight){
h = screen.availHeight-32
t = Math.floor((screen.availHeight-h)/2)-16
scr = "yes"}

newWindow = window.open('','','width='+w+',height='+h+',left='+l+',top='+t+',scrollbars='+scr+'')

newContent  ="<html><head><title>"+title+"</title></head>"
newContent +="<body style=\"margin: 0 0 0 0;\">"
newContent +="[img]"+myImg.src+"[/img]</body></html>"

newWindow.document.write(newContent)
newWindow.document.close()} 
</script>

ook nog een raar verschijnsel dat zich voordoet is het feit dat ik het kader rond de foto's niet wegkrijg. In mijn css bestand staat trouwens

code:

1
2
3

img{
      border: none;
}

hoe het komt dat de rand nog steeds zichbaar is weet ik ook niet.
alvast bedankt

maandag 7 februari 2005 21:22

Acties:

Verwijderd

Verwijderd schreef op maandag 07 februari 2005 @ 21:19:
ook nog een raar verschijnsel dat zich voordoet is het feit dat ik het kader rond de foto's niet wegkrijg. In mijn css bestand staat trouwens
code:
1
2
3
img{
      border: none;
}
hoe het komt dat de rand nog steeds zichbaar is weet ik ook niet.
alvast bedankt

border: 0px;

maandag 7 februari 2005 21:25

Acties:

Verwijderd

Volgens mij komt het omdat de eerste keer de foto nog niet geladen is en daarom de browser niet weet hoe groot de foto is.

[ Voor 2% gewijzigd door Verwijderd op 07-02-2005 21:26 . Reden: typo ]

maandag 7 februari 2005 21:31

Acties:

crisp

Devver

Pixelated

JavaScript:

myImg     = new Image()
myImg.src = url
w         = myImg.width
h         = myImg.height

je vraagt al de height en width uit voordat deze bekent zijn; het plaatje moet eerst geladen zijn. Je zal dus met een onload event oid moeten werken (betekent dus wel een vertraging).

Verder: het feit dat je css niet wordt toegepast komt omdat je in de HTML die je naar je window schrijft geen link naar je stylesheet opneemt