popup foto

Status
Niet open voor verdere reacties.
Is dit iets voor je? Ik vind hem in ieder geval gaaf :)
 
de code werkt, maar het probleem is nu dat de foto waarop ik klik, geladen wordt in mijn iframe. En die iframe is te klein voor de foto zelf...
Hoe zou ik mijn foto kunnen laten laden buiten mijn iframe zodat alles zichtbaar wordt zonder scrollbalken?
 
Zou je de volledige code van het HTML bestand hier willen plaatsen? Waarschijnlijk gaat er iets mis met de implementatie van de code...

(PS: Zou je de code tussen
HTML:
..
tags willen zetten, dit vergroot de leesbaarheid voor ons)
 
hier is portfolio.html:

HTML:
<html>
<head>
<title>Veralbo b.v.b.a.</title>
<link rel="stylesheet" href="css/navigatie.css">

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>
<body>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/contents_iframe.jpg" width="476" height="571" style="font-family: Verdana, Times New Roman, Arial, Helvetica; font-size: 10; color: #ffffff" valign="top">


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
:: Portfolio ::<br><br>

<script type="text/javascript">

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=6

if (iens6){
document.write('<div id="container" style="position:relative;width:476px;height:480px;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:476px;left:0;top:0">')
}
</script>


<ilayer name="nscontainer" width=476 height=480 clip="0,0,476,480">
<layer name="nscontent" width=476 height=480 visibility=hidden>


&nbsp;&nbsp;&nbsp;
	<a href="portfolio/example_full.jpg" rel="lightbox" title="Eventuele voetnoot hier...">
	<img src="portfolio/example.jpg" class="img_portfolio" border=0 width=170 height=170 alt=""></a>


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="portfolio/example_full.jpg" rel="lightbox" title="Eventuele voetnoot hier...">
	<img src="portfolio/example.jpg" class="img_portfolio" border=0 width=170 height=170 alt=""></a>

<br><br><br>

&nbsp;&nbsp;&nbsp;
	<a href="portfolio/example_full.jpg" rel="lightbox" title="Eventuele voetnoot hier...">
	<img src="portfolio/example.jpg" class="img_portfolio" border=0 width=170 height=170 alt=""></a>


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="portfolio/example_full.jpg" rel="lightbox" title="Eventuele voetnoot hier...">
	<img src="portfolio/example.jpg" class="img_portfolio" border=0 width=170 height=170 alt=""></a>

<br><br><br>

&nbsp;&nbsp;&nbsp;
	<a href="portfolio/example_full.jpg" rel="lightbox" title="Eventuele voetnoot hier...">
	<img src="portfolio/example.jpg" class="img_portfolio" border=0 width=170 height=170 alt=""></a>


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="portfolio/example_full.jpg" rel="lightbox" title="Eventuele voetnoot hier...">
	<img src="portfolio/example.jpg" class="img_portfolio" border=0 width=170 height=170 alt=""></a>


</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="476px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="images/up.gif" border=0></a><br><br><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="images/down.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+480))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+480))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

<center>
<font color="a1a1a1">© 2007</font>
</center>


</tr>
</table>
</style>
</body>
</html>

het zijn nog wel allemaal dezelfde foto's, maar daar moet je niet op letten. aan alle "&nbsp;" ben ik ook nog aan het sleutelen, dus daar ook niet op letten :p
je kan hier de site online zien: http://www.team-ireland.net/jan/veralbo/

groeten,
the goose
 
Laatst bewerkt:
Implementatie is wel goed gegaan...(Hoewel ik in het bestand wel enkele <script> in <body> tegenkwam terwijl deze eigenlijk allemaal in de <head> horen te zitten maar dat als je dat gaat doen loopt de layout denk ik in de soep dus daar valt weinig aan te wijzigen)

Het IFRAME zorgt hier voor de problemen en ik heb geen HTML oplossing voor handen om het op te lossen..

Wat je zou kunnen doen is dmv van PHP het iframe vervangen zodat je eigenlijk hetzelfde effect krijgt zonder dat je met een frame werkt... Daarvoor zou je het index.html bestand moeten aanpassen.
 
zou het mogelijk zijn om dit met html te doen?
want van php ken ik echt niets...
 
Kijk eens naar dit script van index.php uit dit topic.

De gekleurde dingen zijn het hele PHP-script, ikzelf vindt het ook voor een beginner makkelijk aan te passen want je kunt zo een nieuwe pagina invoegen door een nieuwe case aan te maken...

Het enige wat je eigenlijk erbij krijgt is dat je pagina's doormiddel van http://www.site.nl?pagina=foto o.i.d. kunt aanroepen... (Het vetgedrukte deel kun je naar wens vernoemen... bijvoorbeeld ?dezepaginawilikzien=foto)

Alleen de index pagina hoef je dan maar als PHP op te slaan, de rest kun je gewoon als HTML opslaan en aanroepen.

Ik zou je er wel mee kunnen helpen, hiervoor moet je even aangeven welke pagina's je wilt hebben en de code van index.html heb ik nodig...
 
graag!:)

dit is index.html:

HTML:
<html>
<head>
<title>Veralbo b.v.b.a.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css"> 
 body {margin: 0px; padding: 0px;} 
</style> 

</head>
<body bgcolor="#2f3336" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


<center>
<table id="Table_01" width="942" height="1001" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="13">
			<img src="images/left_bot.jpg" width="30" height="1000" alt=""></td>
		<td colspan="16">
			<img src="images/top_bot.jpg" width="882" height="58" alt=""></td>
		<td rowspan="13">
			<img src="images/right_bot.jpg" width="29" height="1000" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="58" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left_spacer_nav.jpg" width="2" height="36" alt=""></td>
		<td colspan="15">
			<img src="images/top_bar.jpg" width="880" height="36" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="images/banner_left.jpg" width="339" height="179" alt=""></td>
		<td>
			<img src="images/banner_middle.jpg" width="272" height="179" alt=""></td>
		<td colspan="8">
			<img src="images/banner_right.jpg" width="271" height="179" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="179" alt=""></td>
	</tr>
	<tr>
		<td colspan="16">
			<img src="images/middle_bar.jpg" width="882" height="44" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="44" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2">
			<img src="images/navigatie.jpg" width="181" height="27" alt=""></td>
		<td rowspan="4">
			<img src="images/nav_contents.jpg" width="13" height="579" alt=""></td>
		<td colspan="4">
			<img src="images/content_top.jpg" width="495" height="5" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="images/contents_contact.jpg" width="9" height="576" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="images/contact.jpg" width="184" height="27" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/nav_contents-16.jpg" width="19" height="571" alt=""></td>
		<td colspan="3" rowspan="2">



			<iframe name="main" src="nav_1.html" width="476" height="571" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">
			</iframe></td>



		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/left_stroke.jpg" width="21" height="549" alt=""></td>
		<td>



			<iframe name="navigation" src="navigatie.html" width="160" height="549" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">
			</iframe></td>



		<td>
			<img src="images/shoutbox_left.jpg" width="3" height="549" alt=""></td>
		<td>



			<iframe name="contact" src="contact.html" width="160" height="549" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">
			</iframe></td>



		<td colspan="3">
			<img src="images/shoutbox_right.jpg" width="21" height="549" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="549" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="5">
			<img src="images/left_stroke-23.jpg" width="5" height="97" alt=""></td>
		<td colspan="2">
			<img src="images/nav_bottom.jpg" width="176" height="3" alt=""></td>
		<td colspan="5">
			<img src="images/contents_bottom.jpg" width="498" height="3" alt=""></td>
		<td colspan="5">
			<img src="images/veralbo_v2_25.jpg" width="188" height="3" alt=""></td>
		<td>
			<img src="images/right_stroke.jpg" width="2" height="3" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="images/top_nav_2.jpg" width="877" height="7" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="images/frame_nav_2.jpg" width="872" height="37" alt=""></td>
		<td>
			<img src="images/right_nav_2.jpg" width="3" height="37" alt=""></td>
		<td>
			<img src="images/right_stroke-31.jpg" width="2" height="37" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="images/bottom_bot.jpg" width="877" height="47" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="47" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left_stroke-33.jpg" width="16" height="3" alt=""></td>
		<td colspan="12">
			<img src="images/veralbo_v2_33.jpg" width="859" height="3" alt=""></td>
		<td rowspan="2">
			<img src="images/right_stroke-35.jpg" width="2" height="13" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left_stroke-36.jpg" width="2" height="10" alt=""></td>
		<td colspan="14">
			<img src="images/bottom_stroke.jpg" width="878" height="10" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="30" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="160" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="19" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="126" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="272" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="78" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="160" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="29" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</center>
</body>
</html>

Portfolio.html heb ik hierboven al reeds gepost.
 
De namen van de bestanden staan boven de code
index.php
PHP:
<html>
 <head>
  <title>Veralbo b.v.b.a.</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <style type="text/css"> 
   body {margin: 0px; padding: 0px;}
  </style>
 </head>
 <body bgcolor="#2f3336" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  <center>
   <table id="Table_01" width="942" height="1001" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td rowspan="13">
      <img src="images/left_bot.jpg" width="30" height="1000" alt="">
     </td>
     <td colspan="16">
      <img src="images/top_bot.jpg" width="882" height="58" alt="">
     </td>
     <td rowspan="13">
      <img src="images/right_bot.jpg" width="29" height="1000" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="58" alt="">
     </td>
    </tr>
    <tr>
     <td>
      <img src="images/left_spacer_nav.jpg" width="2" height="36" alt="">
     </td>
     <td colspan="15">
      <img src="images/top_bar.jpg" width="880" height="36" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="36" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="7">
      <img src="images/banner_left.jpg" width="339" height="179" alt="">
     </td>
     <td>
      <img src="images/banner_middle.jpg" width="272" height="179" alt="">
     </td>
     <td colspan="8">
      <img src="images/banner_right.jpg" width="271" height="179" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="179" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="16">
      <img src="images/middle_bar.jpg" width="882" height="44" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="44" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="4" rowspan="2">
      <img src="images/navigatie.jpg" width="181" height="27" alt="">
     </td>
     <td rowspan="4">
      <img src="images/nav_contents.jpg" width="13" height="579" alt="">
     </td>
     <td colspan="4">
      <img src="images/content_top.jpg" width="495" height="5" alt="">
     </td>
     <td colspan="2" rowspan="3">
      <img src="images/contents_contact.jpg" width="9" height="576" alt="">
     </td>
     <td colspan="5" rowspan="2">
      <img src="images/contact.jpg" width="184" height="27" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="5" alt="">
     </td>
    </tr>
    <tr>
     <td rowspan="2">
      <img src="images/nav_contents-16.jpg" width="19" height="571" alt="">
     </td>
     <td colspan="3" rowspan="2">
<?
if(isset($_GET['pagina']))
{
  switch ($_GET['pagina'])
  {
    case navigatie1:
      include('nav_1.html');
    break;
    case navigatie2:
      include('nav_2.html');
    break;
    case portfolio:
      include('portfolio.html');
    break;
    // Voor elke nieuwe pagina moet je dit toevoegen boven dit commentaar
    // case {aanroepnaam}:
    //   include('{bestandsnaam}');
    // break;
    default: // Error pagina
      include('error.html');
    break;
  }
}
else
{
  include('nav_1.html');
}
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="22" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="3">
      <img src="images/left_stroke.jpg" width="21" height="549" alt="">
     </td>
     <td>
      <iframe name="navigation" src="navigatie.html" width="160" height="549" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no"></iframe>
     </td>
     <td>
      <img src="images/shoutbox_left.jpg" width="3" height="549" alt="">
     </td>
     <td>
      <iframe name="contact" src="contact.html" width="160" height="549" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">  </iframe>
     </td>
     <td colspan="3">
      <img src="images/shoutbox_right.jpg" width="21" height="549" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="549" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="2" rowspan="5">
      <img src="images/left_stroke-23.jpg" width="5" height="97" alt="">
     </td>
     <td colspan="2">
      <img src="images/nav_bottom.jpg" width="176" height="3" alt="">
     </td>
     <td colspan="5">
      <img src="images/contents_bottom.jpg" width="498" height="3" alt="">
     </td>
     <td colspan="5">
      <img src="images/veralbo_v2_25.jpg" width="188" height="3" alt="">
     </td>
     <td>
      <img src="images/right_stroke.jpg" width="2" height="3" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="3" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="14">
      <img src="images/top_nav_2.jpg" width="877" height="7" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="7" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="12">
      <img src="images/frame_nav_2.jpg" width="872" height="37" alt="">
     </td>
     <td>
      <img src="images/right_nav_2.jpg" width="3" height="37" alt="">
     </td>
     <td>
      <img src="images/right_stroke-31.jpg" width="2" height="37" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="37" alt="">
     </td>
    </tr>
    <tr>
     <td colspan="14">
      <img src="images/bottom_bot.jpg" width="877" height="47" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="47" alt="">
     </td>
    </tr>
    <tr>
     <td>
      <img src="images/left_stroke-33.jpg" width="16" height="3" alt="">
     </td>
     <td colspan="12">
      <img src="images/veralbo_v2_33.jpg" width="859" height="3" alt="">
     </td>
     <td rowspan="2">
      <img src="images/right_stroke-35.jpg" width="2" height="13" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="3" alt="">
     </td>
    </tr>
    <tr>
     <td>
      <img src="images/left_stroke-36.jpg" width="2" height="10" alt="">
     </td>
     <td colspan="14">
      <img src="images/bottom_stroke.jpg" width="878" height="10" alt="">
     </td>
     <td>
      <img src="images/spacer.gif" width="1" height="10" alt="">
     </td>
    </tr>
    <tr>
     <td><img src="images/spacer.gif" width="30" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="16" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="160" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="13" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="19" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="126" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="272" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="78" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="6" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="160" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="16" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
     <td><img src="images/spacer.gif" width="29" height="1" alt=""></td>
    </tr>
   </table>
  </center>
 </body>
</html>
error.html
HTML:
De door u gekozen pagina is niet beschikbaar<br />
Mogelijk is het bestand verwijderd of heeft u een typfout gemaakt.
error.html moet je even aanmaken die zorgt ervoor dat als men bijvoorbeeld ?pagina=hahahahah intypt het bovenstaande bericht verschijnt.
navigatie.html
HTML:
<html>
 <head>
  <title>Veralbo b.v.b.a.</title>
  <link rel="stylesheet" href="css/navigatie.css" type="text/css">
 </head>
 <body bgcolor=#1e2224 text=#FFFFFF>
  <font face="Verdana">
  <font size="2">
  <p align="left">
   <strong>
    <small>
     <a href="?pagina=navigatie1">Navigatie 1</a>
    </small>
   </strong>
   <br />
   <small>- Extra?</small>
  </p>
  <p align="left">
   <strong>
    <small>
     <a href="?pagina=navigatie2">Navigatie 2</a>
    </small>
   </strong>
   <br />
   <small>- Extra?</small>
  </p>
  <p align="left">
   <strong>
    <small>
     <a href="?pagina=portfolio">Portfolio</a>
    </small>
   </strong>
   <br />
   <small>- Extra?</small>
  </p>
 </body>
</html>
Kijk even bij navigatie hoe ik die links aanroep, deze namen komen overeen met die in de case van index.php

Dus als je een nieuwe link wilt toevoegen moet je dit in index.php toevoegen:
PHP:
case {aanroepnaam}:
  include('{bestandsnaam}');
break;
en in navigatie.html
HTML:
<a href="?pagina={aanroepnaam}">{naam}</a>

Ik hoop dat allemaal in 1 keer werkt, zo niet dan hoor ik dat ongetwijfelt...
 
Laatst bewerkt:
Daarvoor moet je een webserver aan hebben staan, maar op zich hoef je de index.php niet te bekijken omdat die toch hetzelfde blijft... Je hoeft er alleen maar een nieuwe case in te zetten bij een nieuwe pagina en voor de rest blijft de layout e.d. hetzelfde...

Je haalt de navigatie- en contactpagina al binnen via een iframe dus die kun je ook zo bekijken...

Ik zie nog niet echt dat je de code hebt gebruikt... er staat nog steeds een iframe "main" op de webpagina...
 
Laatst bewerkt:
heb nog niet echt de tijd gevonden om alles grondig te bekijken en op de server te plaatsen... maar de php pagina gaat er zeker nog opkomen :)

dank je wel voor de hulp devil!

groeten,
the goose
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan