geertd
Gebruiker
- Lid geworden
- 16 nov 2008
- Berichten
- 340
Hallo allemaal,
Ik heb voor mijn site een FancyBox aangemaakt:
http://www.blue-stream.nl/?c=http://www.blue-stream.nl/foto_nacht6.htm
(klik op de afbeelding)
Als ik op de afbeelding klik opent de box mooi in het scherm, maar dan in het iframe van mijn site. Hoe kan ik zorgen dat 'ie in mijn 'HELE' site opent?
Mijn code is nu:
Er staat bij de link dus: target=top (eigenlijk moet er _top staan, maar dat werkte ook niet)
Met _parent heb ik het ook al geprobeerd. Dat zou toch gewoon moeten helpen?
Alvast bedankt,
Geert
Ik heb voor mijn site een FancyBox aangemaakt:
http://www.blue-stream.nl/?c=http://www.blue-stream.nl/foto_nacht6.htm
(klik op de afbeelding)
Als ik op de afbeelding klik opent de box mooi in het scherm, maar dan in het iframe van mijn site. Hoe kan ik zorgen dat 'ie in mijn 'HELE' site opent?
Mijn code is nu:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fotostart</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("a#example2").fancybox({
'width' : '46%',
'height' : '91%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'scrolling' : 'no'
});
});
</script>
</head>
<body>
<p align="center"><font face="Tahoma" size="7">De Nacht der...</font></p>
<p align="left"><font color="#808080" face="Trebuchet MS">
<a href="foto.htm"><font color="#808080">Foto's en Video's</font></a>
> De Nacht der...</font><p align="left">
<font face="Trebuchet MS" size="4">Kies een subcategorie</font><p align="left">
<font face="Trebuchet MS" size="4"><i><br></i>
<table border="0" width="100%">
<tr>
<td width="308"><a id="example2" href="video_nacht_20103.htm" target="top">
<img alt="De Nacht der... - 2010" src="tubnailnacht2010.PNG" width="298" height="205" align="left" /></a></td>
<td> </td>
</tr>
<tr>
<td width="308">
<p align="center"><i>Video's</i></td>
<td><i>Foto's</i></td>
</tr>
</table>
<p align="left"> </p>
<p align="right"> </p>
<p align="right"><i><font face="Trebuchet MS">DirectLink:</font><font face="Trebuchet MS" size="4">
</i>
<input name="Directlink" size="44" readonly="true" style="float: right" value="http://www.blue-stream.nl/index.php?p=4.3"><i>
</i>
</body>
</html>Er staat bij de link dus: target=top (eigenlijk moet er _top staan, maar dat werkte ook niet)
Met _parent heb ik het ook al geprobeerd. Dat zou toch gewoon moeten helpen?
Alvast bedankt,
Geert
