foto openen in pop up scherm

[Bruce The Boss]

Is het mogelijk om in Dreamweaver een link te laten openen in een soort Pop Up scherm.

Ik wil n.l. foto's laten zien in een klein schermpje (of meerdere foto's).

Is dat mogelijk in Dreamweaver of moet je daar een apart java script voor toevoegen ?

Jacco

 

[aaajeetee]

<a href="#shot" ONCLICK="window.open('plaatje.jpg','40482','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=500,top=50,left=50')">
		<img src="plaatje.jpg" width="150" height="112" border="0"></a>&nbsp;&nbsp;&nbsp;

dit vond ik nog op mijn pc ...
zo kun je het dan ook met meerdere plaatjes doen :thumb: (gewoon steeds de code kopieren)

 

[Bruce The Boss]

Hé bedankt.

ga het vanavond gelijk proberen.

Jacco

 

[Bruce The Boss]

Opzich is het een goed script.

Is het ook mogelijk om niet door te klikken vanuit een foto maar vanuit een stukt tekst.

bla bla klik hier bla bla

En als je dan op klik hier klikt krijg je dat pop up scherm.

Kan dat ook ?

Jacco

 

[milcop]

thnx hier heb ik ook weer wat aan gehad

 

[csshunter]

Ja, alleen ik zou er in elk geval van maken:

<a href="plaatje.jpg" onclick="window.open('plaatje.jpg','40482','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=500,top=50,left=50'); return false">
<img src="plaatje.jpg" width="150" height="112" border="0"></a>
​

Als javascript uit staat, kan men dan ook het plaatje zien doordat de href="plaatje.jpg" is opgenomen.
Als javascript aan staat, zorgt de "return false" ervoor dat dan niet naar het plaatje wordt gegaan, maar naar de pop-up.
Zo heeft iedereen er wat aan!

De mooie toegankelijke oplossing

• Deze is makkelijk te maken met de "Accessible Pop-up Window Generator":
  accessify.com/tools-and-wizards/accessibility-tools/pop-up-window-generator.
• Over het hoe en waarom is er het artikel "The Perfect Pop-up":
  accessify.com/features/tutorials/the-perfect-popup

Alternatieven
Als je een afbeelding alleen wilt laten zien bij een mouse-over, dan kan dat ook. Deze werkt met een css pop-up (d.w.z. er wordt geen aparte pagina geopend), en zonder javascript doet ie het ook:

• developerscorner.nl/csshunter/css-img-pop_javascript.htm

Hier is voor een foto-galerij een combinatie gemaakt van een css pop-up die met een (javascript) onclick de grote vertoont, en ook zonder javascript werkt. Een speciaal pop-up window is niet nodig, het gebeurt allemaal op de pagina zelf:

• developerscorner.nl/css-exercitions/website-galery.php

Een uitgebreide beschrijving staat erbij.

Met vriendelijke groet,
CSShunter