Problema con sexy lightbox y un slideshow

Brian_91 · #1 (**permalink**) 27/09/2009, 00:18

Hola, tengo un problema estoy utilizando sexy lightbox 2 y un slideshow para hacer una transición de imagenes, el problema es que cuando incluyo un archivo .js que utilizo para el slideshow el lightbox no me habre las imagenes como deberia hacerlo, me muestra solo la imagen en una pagina nueva(pagina en blanco con la imagen).

Probe incluir el .js en header pero el slideshow no funciona y el lightbox tampoco, ojala me puedan dar una mano, sino tendre que cambiar de slideshow

.

Si quito el compressed.js todo va impecable con el lightbox pero sin slideshow, me seria muy util que funcionaran juntos.
Desde ya gracias.

En el header tengo esto:

Código HTML:

<head>

<link rel="stylesheet" href="style.css" type="text/css" media="all" />

<script type="text/javascript" src="no puedo poner links es mi primer post xD"></script>

<script type="text/javascript" src="sexylightbox.v2.2.mootools.js"></script>

<script type="text/javascript">
function add{
  window.addEvent('domready', function(){
    SexyLightbox = new SexyLightBox();
  });
  }
</script>
</head>

En el body :

Código HTML:

<div class="img_container">
<ul>
   <li><a href="images/homerin2.jpg" rel="sexylightbox[group1]" title="PHP y MySQL"><img src="images/homerin2.jpg" alt=""/></a></li>

<li><a href="photos/imag_index.jpg"   rel="sexylightbox[group1]" title="D'oh!"   ><img src="photos/imag_index.jpg" alt=""/></a></li>

<li><a href="photos/orange-fish.jpg"  rel="sexylightbox[group1]" title="Clap clap!" ><img src="photos/orange-fish.jpg" alt=""/></a></li>
</ul>

</div>


<ul id="slideshow"> 
		<li>
			<h3>TinySlideshow v1</h3>
			<span>photos/orange-fish.jpg</span>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
			<a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="Orange Fish" /></a>
		</li>
		<li>

			<h3>Sea Turtle</h3>
			<span>photos/sea-turtle.jpg</span>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
			<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
		</li>
		<li>

<div id="wrapper">
		<div id="fullsize">
			<div id="imgprev" class="imgnav" title="Previous Image"></div>
			<div id="imglink"></div>
			<div id="imgnext" class="imgnav" title="Next Image"></div>
			<div id="image"></div>
			<div id="information">
				<h3></h3>
				<p></p>

			</div>
		</div>
		<div id="thumbnails">
			<div id="slideleft" title="Slide Left"></div>
			<div id="slidearea">
				<div id="slider"></div>
			</div>
			<div id="slideright" title="Slide Right"></div>
		</div>

	</div>

<script type="text/javascript" src="compressed.js"></script> <!-- si quito esta linea no me funciona el slideshow pero si el lightbox :)

<script type="text/javascript">
	$('slideshow').style.display='none';
	$('wrapper').style.display='block';
	var slideshow=new TINY.slideshow("slideshow");
	window.onload=function(){
		slideshow.auto=true;
		slideshow.speed=5;
		slideshow.link="linkhover";
		slideshow.info="information";
		slideshow.thumbs="slider";
		slideshow.left="slideleft";
		slideshow.right="slideright";
		slideshow.scrollSpeed=4;
		slideshow.spacing=5;
		slideshow.active="#fff";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	}
</script>

_MartinD · #2 (**permalink**) 27/09/2009, 01:43

Hola!, mira segun veo no se porque ahy conflictos entre las dos funciones, "compressed.js" es como si usaras dos librerias, es raro deberia verlo mas, mira yo a lo que dices lo he hecho y he metido no solo lightbox sino un fade, pero lo he hecho con JQUERY :D
Si reniegas mucho y no hallas la solucion lo mejor volver a cero, o volver a cero con jquery sexylightbox tambien esta para jquery y los slideshow en jquery ahy muchos, osea solo cambia la libreria, como veo que el estilo de sexy lightbox te gusta (esta muy bueno la verdad) antes de usar otro proba usar otra libreria para las dos

Saludos y suerte!

Brian_91 · #3 (**permalink**) 27/09/2009, 10:40

Si voy a tener que cambiar el slideshow no me queda otra, porque el sexy lightbox esta muy bueno.

Gracias, Salu2.

kalvinman · #4 (**permalink**) 13/03/2010, 19:43

Desde hace mucho tiempo tengo el mismo problema, ya conseguiste solucionarlo. xD

Brian_91 · #5 (**permalink**) 13/03/2010, 20:11

Cita:

Iniciado por kalvinman

Desde hace mucho tiempo tengo el mismo problema, ya conseguiste solucionarlo. xD

Si, busque un slideshow en jquery :), estoy tratando de usar solo jquery para lo que sea, de todas maneras igual aveces hay conflictos pero existe una funcion jQuery.noConflict() que resuelve problemas de conflicts. Saludos