Foros del Web » Programando para Internet » Javascript »

Ayuda con lightbox

Estas en el tema de Ayuda con lightbox en el foro de Javascript en Foros del Web. Buenos dias a todos. QUERIA decir Fancybox Como dice el titulo necesito ayuda con dicho script , o como se diga ,tengo puesto el lightbox ...
  #1 (permalink)  
Antiguo 04/01/2009, 06:56
 
Fecha de Ingreso: enero-2009
Mensajes: 5
Antigüedad: 16 años
Puntos: 0
Ayuda con lightbox

Buenos dias a todos.

QUERIA decir Fancybox

Como dice el titulo necesito ayuda con dicho script , o como se diga ,tengo puesto el lightbox y me funciona bien pero quiero canviarlo por este otro que es mas vistoso y no hay manera de que salga y no entiendo el por que.
LLevo dos dias con ello y ya no se que mas hacer , y estoy seguro que es una tonteria pero no doy con ello.

esto es lo que tengo puesto para llamar a dicha funcion ( las dos ) :

<base href="http://www.telefonica.net/web2/muste/">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<link rel="stylesheet" href="css/fancybox.css" type="text/css" media="screen">

y en los lynks de las imagenes tengo esto :

<a href="http://www.telefonica.net/web2/muste/Index_archivos/image654.jpg" rel="lightbox" title="Placa conmemorativa de la creació del club" rel=""><img src="http://www.telefonica.net/web2/muste/miniatures/placap.jpg"</a>
<a href="http://www.telefonica.net/web2/muste/Index_archivos/image654.jpg" rel="fancybox" title="Placa conmemorativa de la creació del club" rel=""><img src="http://www.telefonica.net/web2/muste/miniatures/placap.jpg"</a>

La primera llama a lightbox i me hace el efecto , pero la segunda no y ya he canviado un monton de veces el "rel=" y ya no se que poner en el para que se abra la ventana con dicho efecto .

Las librerias js y css estan todas en el mismo sitio , como tambien las imagenes.

Porfavor algun alma cartitativa que me ayude

Xoriguerr

gracias de antemano , graciassss
  #2 (permalink)  
Antiguo 04/01/2009, 20:13
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 20 años, 3 meses
Puntos: 10
Respuesta: Ayuda con lightbox

Hola, Xoriguerr

fancybox, además de estos js:

Código HTML:
 <script type="text/javascript" src="fancybox/jquery-1.2.3.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.metadata.js"></script> <!-- no necesario para el efecto gráfico -->
	<script type="text/javascript" src="fancybox/jquery.pngFix.pack.js"></script> <!-- necesario para ie6 -->
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.0.0.js"></script>

y su propia hoja de estilo:

<link rel="stylesheet" type="text/css" href="fancybox/fancy.css" media="screen" />

necesita también este js en el head (este javascript es el que declara el efecto zoom al abrir y cerrar la imagen):

	<script type="text/javascript">
		$(document).ready(function() {
			
			$("p#test1 a").fancybox({
				'hideOnContentClick': true
			});
			
			$("p#test2 a").fancybox({
				'zoomSpeedIn':	0, 
				'zoomSpeedOut':	0, 
				'overlayShow':	true
			});
			
			etc, etc... (es necesario completar el js)
	</script>
	
	y la llamada al efecto zoom no se hace así: rel="fancybox"
	
	se hace de esta forma (para una imagen suelta):
	
	<div id="wrapper" align="center">
		<div id="content">
			<div id="col_left">
				<p id="test1">
					<a href="images/tu-imagen_big.jpg"><img alt="" src="images/tu-imagen_small.jpg" /></a>
				</p>
			</div>
		</div>
	</div>
	
	donde la imagen _big es la que se obtiene (grande) al hacer zoom y la imagen _small es la miniatura que lleva el enlace.
Dinos si esto te lo aclara o no.

Saludos
  #3 (permalink)  
Antiguo 06/01/2009, 05:15
 
Fecha de Ingreso: enero-2009
Mensajes: 5
Antigüedad: 16 años
Puntos: 0
Respuesta: Ayuda con lightbox

gracias ssclamp lo provare i te dire que tal me ha ido .
Porcierto he canviado ahora estoy haciendo la pagina con el publishes " haver como me va "

Muchas gracias a todos , de verdad .

Xoriguerr
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:21.