Archief - Image Thumbnail -> popup

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Blad3z

Legacy Member
Op Podologie Charlotte Mareel zie je bovenaan thumbnails, on click heb je dan een popup in javascript met de grote afbeelding.

Dit is de code ervoor:

<a href="podo_voetzorg.html"><span class="popup" onClick=javascript:window.open("fotos/DSC03133.jpg","blank","toolbar=no,width=620,height=620")>
<img src="fotos/thumbs/DSC03133.jpg" width="140" height="140" alt="Klik hier" border="0"></span></td>

Je kan zien dat ik een <a href> gebruikt heb EN javascript window.open voor de link. Wat niet de bedoeling is uiteraard.
Probleem is: als ik geen <a href> gebruik, wijzigt de cursor niet naar een handje zodat het niet duidelijk is dat je erop kan klikken.
Maar ondertussen refresht de pagina zelf wel, omdat ik een link moet hebben plus de popup, wat redelijk nutteloos is.

Als ik gewoon <a href=""> gebruik, is dit geen probleem in Chrome en blijft de pagina staan. In Internet Explorer gaat hij echter naar de homepage.

Heeft iemand hier een oplossing voor?

Fr3aK

Legacy Member
Blad3z zei:
Op Podologie Charlotte Mareel zie je bovenaan thumbnails, on click heb je dan een popup in javascript met de grote afbeelding.

Dit is de code ervoor:

<a href="podo_voetzorg.html"><span class="popup" onClick=javascript:window.open("fotos/DSC03133.jpg","blank","toolbar=no,width=620,height=620")>
<img src="fotos/thumbs/DSC03133.jpg" width="140" height="140" alt="Klik hier" border="0"></span></td>

Je kan zien dat ik een <a href> gebruikt heb EN javascript window.open voor de link. Wat niet de bedoeling is uiteraard.
Probleem is: als ik geen <a href> gebruik, wijzigt de cursor niet naar een handje zodat het niet duidelijk is dat je erop kan klikken.
Maar ondertussen refresht de pagina zelf wel, omdat ik een link moet hebben plus de popup, wat redelijk nutteloos is.

Als ik gewoon <a href=""> gebruik, is dit geen probleem in Chrome en blijft de pagina staan. In Internet Explorer gaat hij echter naar de homepage.

Heeft iemand hier een oplossing voor?
HTML:
<a href="#" onclick="window.open('fotos/DSC03133.jpg', 'blank', 'toolbar=no,width=620,height=620')">
  <img src="fotos/thumbs/DSC03133.jpg" width="140" height="140" alt="Klik hier" border="0">
</a>
Beste oplossing is nog altijd een Lightbox (of variant), window popups zijn outdated tbh ;)

PS: Geef uw images 'deftige' namen en zorg ervoor dat alt-tags wat meer zeggen over de img in kwestie.

-BVR-

Legacy Member
Fancybox is ook een goeie :) (lightbox, maar dan fancier :p)

Enja, tables is ook niet meer hoe het hedentendage gedaan wordt..

Blad3z

Legacy Member
BramVroy zei:
Fancybox is ook een goeie :) (lightbox, maar dan fancier :p)

Enja, tables is ook niet meer hoe het hedentendage gedaan wordt..

Hoe bedoel je? Dat de tables van die site niet zo goed zijn?
Ik sta open voor kritiek en tips :)

Huxley

Legacy Member
Het beste is dat je gebruik maakt van DIV's ipv van TABLES.
Een goede tutorial zou ik niet direct weten staan.

Edit: misschien kan dit helpen: Tutorial

Zero Grav

Legacy Member
Ge moet er wel bijzeggen dat ge best divs gebruikt voor de opbouw van uw site en tables enkel en alleen voor tabulaire data (denk aan excel) gebruikt mogen worden. Anders denken mensen dat ze helemaal geen tables meer mogen gebruiken.

Drone

Legacy Member
@Zero Grav
Yeah, ik wordt echt onnozel van mensen die zomaar dingen quoten die ze ergens gelezen hebben. In zijn geval zou ik zelf een UL gebruiken.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan