En la página de "sofas.php" solo utilizo un <div> que es el que se sustituye de la página principal.
Código PHP:
Ver original<div id="contenido">
<h3><center>SOFÁS</center></h3>
<br />
<br />
...
¡¡¡¡¡¡ ESTE EFECTO EN ESTA PAGINA NO ME FUNCIONA !!!!!!!
<a href="example.jpg" rel="lightbox-cats"><img src="example.jpg" class="mini" width="100" height="100"></a>
<!--<a href="images/Sofas/Baltic piel.jpg" rel="lightbox-cats"><img src="images/Sofas/Baltic piel.jpg" class="mini" width="100" height="100"></a>-->
</div>
No tiene más código que este, ya que todo la web lo manejo desde "index.php" y con las otras páginas lo único que hago es cambiar un parte de sección de la página inicial
Cuando pulsa el botón referente a la página "sofa.php" lo único que hago en la página "index.php" es sustituir el "<div>" en cargado de mostrar el contenido principal ("<div id="contenido">") por el contenido que contiene la página de "sofas.php" (por lo que creo que no es necesario que dicha página contenga los javascript, ya que estos estarán contenidos en la página inicial "index.php")
La página "index.php" es:
Código PHP:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type='text/javascript' src='js/kwicks.js'></script>
<script type='text/javascript' src='js/custom.js'></script>
<script type="text/javascript" src="js/execute.js"></script>
...
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.ubillboard.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function($){
$('#billboard').uBillboard({
effect: 'horizontal'
});
});
</script>
...
<script src=" js/ajax.js" type="text/javascript"></script>
<script src=" js/contacto.js" type="text/javascript"></script>
<script src=" js/producto.js" type="text/javascript"></script>
<script src=" js/sofas.js" type="text/javascript"></script>
<script src=" js/butacas.js" type="text/javascript"></script>
<script src=" js/sillas.js" type="text/javascript"></script>
<script src=" js/pregfrec.js" type="text/javascript"></script>
...
</head>
<body>
<div id="general">
<div id="cabecera">
</div>
<div id="navigacija">
...
<li>
<div class="menu">
<ul>
<li>
<a href="#">Productos</a>
<ul>
<li><a href="#" onClick="sofas();">Sofas</a></li>
<li><a href="#" onClick="butacas();">Butacas</a></li>
<li><a href="#" onClick="sillas();">Sillas</a></li>
</ul>
</li>
</ul>
</div>
</li>
...
</div>
<div id="contenido">
...
</div>
...
¡¡¡¡¡¡ ESTE EFECTO EN ESTA PAGINA ME FUNCIONA !!!!!!!
<a href="example.jpg" rel="lightbox-cats"><img src="example.jpg" class="mini" width="100" height="100"></a>
</div>
</body>
</html>