[javascript] open jpg in nieuw window

[Verwijderd]

Ik heb inmiddels al gezocht op:
- google
- javascript sites
en heb helaas geen passend antwoord tot nu toe kunnen vinden.

Het gaat er om dat ik als ik op mijn website op een image klik dat ie dan een uitvergrote image opent in een nieuw window. Met onderstaande script krijg ik dit voor elkaar. Echter ik wil alleen nog dat ie de witte randen om de image heen weglaat en dat het window ongeveer in het midden van het scherm verschijnt. Wat moet ik aan onderstaand script veranderen om dit voor elkaar te krijgen?

<a href='images/welkomstfoto.jpg' class='popup' onclick='window.open("images/welkomstfoto.jpg", "PopupWindow", "width=240,height=160", "screenx=50,screeny=50", "left=50,top=50"); return false'>[img]"images/welkomstfoto.jpg"[/img]</a>

[gorgi_19]

DHTML hoort thuis in Webdesign & Graphics

>> Webdesign & Graphics

[faabman]

JavaScript:

    function openWin(url, width, height){
        var left    = (screen.availWidth-width) / 2;
        var top     = (screen.availHeight-height) / 2;
        
        window.open(url, '_blank', 
'location=0,menubar=0,resizeable=0,scrollbars=0,status=0,
toolbar=0,top='+top+',left='+left+',height=' + height + ',width=' + width);
    }

en in de .open ff de enters wegdenken

[BtM909]

Als je het dan toch ranzig wilt oplossen, dan zou ik cellspacing en cellpadding op 0 zetten (als attribuut van je img).

[djexplo]

De functie window.open() werkt mischien wel op jouw'n computer, maar popupblockers blokeren meestal die functie, dus een aantal mensen zou nooit de foto's zien.

ranzig wilt oplossen

Het is veel netter, om een div te gebruiken, die kan je gebruiken als aparte layer over je website heen, waar je dan uitvergrote foto's in kan laten zien.

[ Voor 13% gewijzigd door djexplo op 08-11-2004 13:55 ]

[Thijsmans]

Zonder window.open krijg je geen nieuw venster open met javascript (hoewel wel met showModalDialog, zoals een aantal sites al gebruikt ). Echter, een popup-blocker zal (in 9 vd 10 gevallen) wél een popup toestaan bij een onclick-event. De meeste blockers blokkeren events als onload etc.

En eigenlijk he, vind ik jouw oplossing helemaal niet netter. Maar dat is mijn mening

/edit: 1e hit bij google 'popup generator': http://www.wilsoninfo.com/pop_gen.html

[ Voor 11% gewijzigd door Thijsmans op 08-11-2004 14:09 ]

[Verwijderd]

Bedankt voor de tips tot nu toe. Enige wat nog niet gelukt is om de witte randen om de image heen weg te krijgen. Iemand een suggestie?

[André]

Open dan een html waarin je het plaatje laad. Dan kun je de paddings en margins op 0 zetten.

edit:
Zo, die Prammenhanger komt ook nog eens een keer met een oplossing, pfff

[ Voor 34% gewijzigd door André op 08-11-2004 14:14 ]

[Thijsmans]

Ja, je maakt een Html-pagina, en roept die zo aan:

showimage.html?img=spef.jpg

Dan lees je met javascript de img-var uit, en zet je de src van document.images[0] op die var. De body geef je mbv wat css een padding en margin van 0 mee

edit:

/me denkt dat André niet zo spuit-11 moet doen

[ Voor 11% gewijzigd door Thijsmans op 08-11-2004 14:12 ]

[Verwijderd]

ik neem aan dat je het venster wilt resizen naar de breedte en hoogte van het plaatje, dan een voorbeeld, javascript:

code:

function fitWindowSize() {
      if (navigator.appName == 'Netscape') {
            window.innerWidth = document.images[0].width;
            window.innerHeight = document.images[0].height;
      }

      if (navigator.appName == 'Microsoft Internet Explorer') {
            window.resizeTo(10, 10);
            width = document.images[0].width;
            height = document.images[0].height;
            window.resizeTo(width, height);
      }
}

in de body:

code:

[img]"plaatje.jpg"[/img]

en dan natuurlijk in je stylesheet:

code:

padding: 0px;
margin: 0px;

[ Voor 16% gewijzigd door Verwijderd op 08-11-2004 14:31 ]

[Clay]

img= kan je wel weglaten als je het toch met js doet, kost alleen maar meer moeite anders. bv showimage.html?spef.jpg, en dan in je popup met:

code:

document.write('<img src="' + 
   unescape(document.location.search.substring(1)) + '" />');