Foros del Web » Creando para Internet » HTML »

Problema con carga de Lightbox

Estas en el tema de Problema con carga de Lightbox en el foro de HTML en Foros del Web. Hola a todos, Soy bastante novata en esto y me he encontrado con un problema a la hora de cargar una imagen usando lightbox de ...
  #1 (permalink)  
Antiguo 13/01/2011, 11:04
Avatar de vikifloki  
Fecha de Ingreso: septiembre-2005
Mensajes: 6
Antigüedad: 12 años, 2 meses
Puntos: 0
Problema con carga de Lightbox

Hola a todos,

Soy bastante novata en esto y me he encontrado con un problema a la hora de cargar una imagen usando lightbox de jquery.
Yo tengo un archivo index.html, en el que quiero cargar en un div "contenedor" tres archivos html distintos, pulsando tres botones distintos (sin recargar la página). Para conseguirlo he añadido un script de jquery en el head y en el div de cada botón he colocado el siguiente código:

Código HTML:
<div class="button" onClick="$('#contenido').load('textollamado.html');">TEXTO 1</div>

<div class="button" onClick="$('#contenido').load('textollamado2.html');">TEXTO 2</div>

<div class="button" onClick="$('#contenido').load('textollamado3.html');">TEXTO 3</div> 
Hasta ahí sin problemas. Los tres archivos se cargan correctamente al pulsar el botón correspondiente.

El problema es que en el primero de los archivos html (textollamado.html), he colocado una imagen para que se abra con lightbox y al cargarse en el index, ignora el script. Si abro ese archivo directamente en el navegador, el lightbox se ejecuta correctamente.

No sé cuál es el problema! Os dejo el cógigo de los dos archivos por si alguien me puede dar una solución. MUCHAS GRACIAS!

EL INDEX:

Código HTML:
<html>	
<head>
	
  <title>index</title>

	<!-- STYLE -->
	<link href="style.css" rel="stylesheet" type="text/css" />
    
   <!-- SCRIPT -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
   
    
</head>

<body>

<h1>TÍTULO DE LA PÁGINA</h1>

<!--BOTONES -->

<div class="button" onClick="$('#contenido').load('textollamado.html');">TEXTO 1</div>

<div class="button" onClick="$('#contenido').load('textollamado2.html');">TEXTO 2</div>

<div class="button" onClick="$('#contenido').load('textollamado3.html');">TEXTO 3</div>

<!--CONTENIDO -->

<div id="contenido">
  CONTENIDO INICIAL
</div>

</body>
</html> 
EL TEXTO LLAMADO:

Código HTML:
<html>

<head>
	
    
    <title>textollamado</title>
    
    <!-- STYLE -->
	<link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" />
	
	<!-- SCRIPT -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    
    <!-- PLUGIN -->
    <script type="text/javascript">
    $(function() {
        $('#min a').lightBox();
    });
    </script>
    
</head>

<body>

<!--CONTENIDO -->

	<div id="min">
    		<a href="photos/image1.jpg" title="Título de la imagen">
            <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
    </div>

</body> 
  #2 (permalink)  
Antiguo 13/01/2011, 16:20
Avatar de vikifloki  
Fecha de Ingreso: septiembre-2005
Mensajes: 6
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Problema con carga de Lightbox

A nadie se le ocurre nada? :(
Al menos podéis decirme si existe alguna forma sencilla de cargar archivos html en un div sin que ocurra este problema?

Etiquetas: carga, lightbox
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 09:14.