Hola,
estoy realizando una web, pero tengo una serie de problemas a la hora de realizar un lightbox
El problema radica en que este lightbox en la pagina principal funciona sin ningún tipo de problema pero a la hora de realizar el efecto en algún otra página, este efecto no funciona y por más vueltas que le doy no encuentro el por qué,
Index.php
Código PHP:
Ver original...
<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/sofas.js" type="text/javascript"></script>
....
</head>
<body>
...
<li><a href="#" onClick="sofas();">Sofas</a></li>
...
<!--ESTE EFECTO EN ESTA PÁGINA FUNCIONA CORRECTAMENTE
<a href="example.jpg" rel="lightbox-cats"><img src="example.jpg" class="mini" width="100" height="100"></a>-->
...
</body>
...
sofas.js
Código Javascript
:
Ver originalfunction sofas(){
//print "hola";
var contenedor;
contenedor = document.getElementById('contenido');
ajax5=nuevoAjax();
ajax5.open("GET", "sofas.php",true);
ajax5.onreadystatechange=function() {
if (ajax5.readyState==4) {
contenedor.innerHTML = ajax5.responseText;
}
}
ajax5.send(null);
}
sofas.php
Código PHP:
Ver original<div id="contenido">
<h3><center>SOFÁS</center></h3>
<br />
<br />
<!--<center>SOY UN SOFA</center>-->
<table border="0" cellpadding="5" width="760px">
<tr valign="middle">
....
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">
Si alguien me pudiera echar una mano
Muchas gracias.