foto's vergroten door muisklik in hetzelfde blad

Status
Niet open voor verdere reacties.
R

ringo1

Gebruiker
Lid geworden
12 nov 2011
Berichten
112
hallo iedereen,

ik ben nieuw hier en heb een vraagje

ik ben bezig met een album aan het aanmaken op mijn website,
nu lukt dit wel aardig enkel heb ik 1 probleem, als ze op de foto klikken vergroot de foto, maar de foto word geopend in een nieuw blad, dit zou niet mogen. de foto zou dus moeten vergroten in hetzelfde blad,
of een 2e optie, de foto zou ook mogen vergroten door de mouseover

hierbij de code die ik gemaakt heb

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type"content="text/html; charset=windows-1252">
<title>fotoalbum</title>
</head>

<body bgcolor="#433B38">

<div align="center">
&nbsp;<p align="center"><font color="#FFDEAD"><i>Klik op de foto's om te
vergroten</i></font></p>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" nowrap="">
<a href="http://www.vissersparadijs.be/website/ringo.jpg">
<img border="0" vspace="5" hspace="5" src="ringo.jpg" width="100" height="74" title="" align="bottom" /></a>
<a href="http://www.vissersparadijs.be/website/benoit.jpg">
<img border="0" vspace="5" hspace="5" src="benoit.jpg" width="100" height="75" title="" align="bottom" /></a>
<a href="website/benoit.jpg">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
</tr>
<tr>
<td align="center" valign="top" nowrap="">
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
</tr>
<tr>
<td align="center" valign="top" nowrap="">
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="74" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
</tr>
<tr>
<td align="center" valign="top" nowrap="">
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
<a href="">
<img border="0" vspace="5" hspace="5" src="" width="100" height="75" title="" align="bottom"></a>
</tr>
</table>
</body></html>


alvast bedankt voor jullie hulp

grtz ringo
 
Ik zou Lightbox downloaden hiervoor, dat is de standaard manier om dit te doen. Tis een gratis javascript tooltje.
 
hey Frats zeer wel bedankt dit is idd veel beter zo:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan