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

el_loco90 · #10 (**permalink**) 14/01/2013, 18:11

Cita:

Iniciado por gebremswar

el_loco90. No me extraña que algo que estando mal "funcione" en IE y que por obvias razones no lo haga en Firefox o Chrome.

Dejando de lado ese tema. Revisa este ejemplo que preparé:

index.html

Código Javascript:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primary ColorBox</title>
<link rel="stylesheet" type="text/css" href="../../JQueryPlugin/colorbox/example1/colorbox.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/jackmoore/colorbox/master/colorbox/jquery.colorbox.js"></script>
<script>
$(function(){
    $('a.primary').colorbox({iframe:true, height:"200", width:"300", scrolling:false})
});
</script>
</head>
<body>
<div id="site">
    <a href="colorbox-primary.html" class="primary">Primary ColorBox</a>
</div>
</body>
</html>

colorbox-primary.html

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primary ColorBox</title>
<style type="text/css">
#wrapper {background-color:yellow;height:200px;width:300px}
</style>
</head>
<body>
<div id="wrapper"> 
   <div>PRIMARY BOX</div>
   <a href="colorbox-secondary.html" class="secondary">Secondary ColorBox</a>
</div>
</body>
</html>

colorbox-secondary.html

Código Javascript:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Secondary ColorBox</title>
<style>
#page {background-color:greenyellow;height:300px;width:400px}
</style>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://raw.github.com/jackmoore/colorbox/master/colorbox/jquery.colorbox.js"></script>
<script>
$(function(){
    parent.$.colorbox.resize({height:$('#page').height(),width:$('#page').width()});
});
</script>
</head>
<body>
<div id="page">
Content page
</div>
</body>
</html>

Preparé el ejemplo partiendo del problema que describiste en el primer mensaje.

Importante: en el index.html cambia la ruta del la hoja de estilos del plugin colorbox.css por una que tengas disponible y prueba el ejemplo tal cual.

Coméntanos tus dudas.

Saludos.

gracias amigazo, este tema de incompatiblidad de lo navegadores me tiene locooo jaja

ahora instale el chorme y me sale todo mal, es decir tengo una tabla de 6 filas por ejemplo asi

1- registrate
2- formulario de registracion
3- compartidos en facebook
4- muestra los compartidos
5- publicidades
6- muestra la publicidades

entre el 4 y 6 lo muestra uno arriba de otro, es decir facebook con publicidades juntas cualquier cosa es, esta todo bien hecho no es algo dificil tampoco, cree una tabla con 6 filas a 230px y puse el contenido, me anduvo bien hasta ahora

te paso el codigo para que tenga una idea, pero a mi parecer esta perfecto ¿puede ser la maquina? en el localhost o internet me hace lo mismo

Código HTML:

Ver original<td width="23%" align="center" valign="top"><table width="290" border="0" align="right">
      <tr>
        <td class="categoriasprincipalindex"><span class="style5">Registrate</span>
          <iframe src="registroinicio.php" name="window" width="290" marginwidth="0" height="135" scrolling="No" frameborder="0" id="window"></iframe></td>
      </tr>
      <tr>
        <td class="resaltadoletrasindex">Compartidos</td>
      </tr>
      <tr>
        <td class="categoriasprincipalindex"><div class="fb-activity" data-site="http://www.openlatino.com.ar" data-width="290" data-height="270" data-header="true" data-recommendations="false"></div></td>
      </tr>
      <tr>
        <td class="resaltadoletrasindex">Open Publicidades </td>
      </tr>
      <tr>
        <td class="categoriasprincipalindex"><table width="100%" border="0">
            <tr>
              <td width="35%"><a href="<?php echo (!empty($voyalapublicidad[1])?$voyalapublicidad[1]:"index.php") ;?>"><img src="<?php 
                    echo (!empty($linea1[1])?$fato[1]:"../images/bandera.gif");?>" alt=""
width="91" height="70" border="0" /></a></td>
              <td width="65%"><div align="left">
                <?php
                  echo "<div style='ninguno'>";
                  echo (!empty($linea1[1])?$linea1[1]:"Publicidad")."<br>";
                  echo (!empty($linea2[1])?$linea2[1]:"Publicidad")."<br>";
                  echo "</div>";
                ?>
              </div></td>
            </tr>
            <tr>
              <td><a href="<?php echo (!empty($voyalapublicidad[2])?$voyalapublicidad[2]:"index.php") ;?>"><img src="<?php echo (!empty($linea1[2])?$fato[2]:"../images/bandera.gif");?>" alt=""
width="91" height="70" border="0" /></a></td>
              <td><div align="left">
                <?php
                echo "<div style='ninguno'>";
                echo (!empty($linea1[2])?$linea1[2]:"Publicidad")."<br>";
                echo (!empty($linea2[2])?$linea2[2]:"Publicidad")."<br>";
                echo "</div>";
                ?>
              </div></td>
            </tr>
        </table></td>
      </tr>
    </table>