Foros del Web - Ver Mensaje Individual - pasar de un ligthbox a otro con diferentes valores

el_loco90 · #7 (**permalink**) 11/01/2013, 16:36

Cita:

Iniciado por gebremswar

Por supuesto, para eso estamos en el foro

Eso lo podemos traducir como: que deseas que el primer 'modal' que se abrió se cierre una vez el segundo se muestre.

Bueno, una vez más me expones tu problema sin mostrarme el código con el que estas trabajando. Pero para no desperdiciar este mensaje que estoy escribiendo sin aportar una solución a tu problema aunque sea limitada, te indicaré lo siguiente.

El ColorBox por lo general cuenta, en cada elemento modal, un elemento destinado a cerrarlo. Suele ser una "X" y responde al evento click. El cual lleva como id="cboxClose".

Pues bien, puedes provocar que el evento destinado a cerrar ocurra con un .trigger() de jQuery el cual debes incluir justo en el evento click que abre tu segundo 'modal'.

Esta solución es la más sencilla que se me ocurre. Por favor coméntanos tus dudas.

hola capo lo hice pero no me anda, te paso el codigo para que vea la estructura y como lo estoy haciendo

Código HTML:

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>
<meta charset='utf-8'/>
<title>Ligthbox con compartibilidad</title>
<link rel="stylesheet" href="styles/colorbox.css" />
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".ir2").colorbox.trigger()({iframe:true, width:"300", height:"500"});
$(".callbacks").colorbox({
});
});
</script>
</head>
<body>
 
<a class='ir2' href="pagina.html">Ver</a>
 
</body>
</html>

gracias por ayudame