Lightbox

xShacka · Janeiro 12, 2010

Bom dia povo.

Seguinte eu tenhu uma galeria de fotos certo, as fotos sao listadas dentro de um iframe e as fotos abrem em lightbox e gostaria de sabe c tem como limita o tamanho das imagens para abrir,porque elas sao abertas dentro de 1 iframe e quando a foto é maior q esse iframe ela nao aparece por intera e acaba cortando a imagem e tem algumas que sao maior q a tela pq o cliente nao intende esse tpw de coisa ;/ ou ate mesmo fazer as fotos abrir fora desse iframe.

Se alguem puder ajudar.

codigo da pagina que lista as fotos (iframe):

<?php
    include('stat/connect.php');
	$query = mysql_query("SELECT * FROM galeriaft WHERE id = '".$_GET['id']."'") or die(mysql_error());
	$dados = mysql_fetch_assoc($query);
?>
<?php
    $ft = $HTTP_POST_VARS['galeriaft'];
    if (empty($ft) == true) {
       $ft = $HTTP_GET_VARS['galeriaft'];
    }
    $pg = $HTTP_GET_VARS['pg'];
?><head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link href="bib.img/alo.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#333333;
	background-image: url(bib.img/bg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>

<table width="704" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">  
  <tr>
    <td width="704" valign="top" ><table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top"><TABLE WIDTH="100%"  BORDER="0" CELLSPACING="0" CELLPADDING="0">
            <TR>
              <TD width="100%"><TABLE WIDTH="102%"  BORDER="0" CELLSPACING="0" CELLPADDING="0">
                  <TR>
                    <TD WIDTH="99%" align="left"><TABLE WIDTH="100%" height="349"  BORDER="0" CELLPADDING="0" CELLSPACING="0">
                        <TR>
                          <TD width="76%" height="100%"><table width="750" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="750" valign="top"><div align="center">
                                  <table width="640" height="100%" border="00" align="center" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td height="54"><table width="102%" border="0" cellpadding="0">
                                        <tr>
                                          <td width="24%" valign="middle"><a href="http://www.squarebar.com.br/fotos2.php" target="_self"><img src="img/logo.gif" alt="Logo" width="151" height="39" border="0" /></a></td>
                                          <td valign="middle">
                                          
                                          <font face="Arial, Helvetica, sans-serif" size="2px" color="#FFFFFF">  <strong>Local</strong>: <?php echo $dados['local'];?>      <strong>N° de fotos</strong>:
												<?
                                                $dir="galeria/galeria/$dados[pasta]";
                                                $dir1=opendir($dir);
                                                $cont=0;
                                                while ($res=readdir($dir1) ){
                                                $tipo=explode(".",$res);
                                                if ($tipo[1]=="jpg" || $tipo[1]=="JPG"){
                                                $cont=$cont+1;
                                                }
                                                }
                                                print ($cont);
                                                ?>
                                          </font>											<font face="Arial, Helvetica, sans-serif" size="2px" color="#FFFFFF"> <strong>   Data</strong>: 
                                          <?php $d = explode('-', $dados['data']); echo $d[2]."/".$d[1]."/".$d[0];?> <? //DATA ?>
                                          </font></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                    <tr>
                                      <td height="100%"><table width="690" height="100%" border="00" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td width="690" height="100%" valign="top"><iframe src="thumbs.php?id=<?php echo $_GET['id'];?>" name="thumbs" width="100%" height="600" align="top" scrolling="No" frameborder="0" id="thumbs" allowtransparency="true"></iframe></td>
                                            
                                          </tr>
                                      </table></td>
                                    </tr>
                                  </table>
                              </div></td>
                            </tr>
                            <tr>
                              <td valign="top"></td>
                            </tr>
                          </table>						  </TD>
                        </TR>
                      </TABLE>                      </TD>
                  </TR>
              </TABLE></TD>
            </TR>
        </TABLE></td>
      </tr>
    </table></td>
  </tr>  
</table>
</body>
</html>

código da pagina que éaberta dentro do iframe ( as fotos listadas 1 a 1 ):

<?php

include('stat/connect.php');

$p = $_GET['p']*10;



$query = mysql_query("SELECT * FROM galeriaft ORDER BY id DESC LIMIT $p, 10") or die(mysql_error());

$max = mysql_query("SELECT * FROM galeriaft ORDER BY id DESC") or die(mysql_error());

?>

<head>

<title></title>

<link href="bib.img/alo.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#333333;
	background-image: url(bg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

.style25 {

	font-size: 10px;

	font-weight: bold;

}

.style27 {

	font-size: 12px;

	color: #FFFFFF;

}

.style33 {font-size: 9px; font-family: Arial, Helvetica, sans-serif; }

.style34 {

	font-size: 10px;

	font-family: "Trebuchet MS";

}

.style35 {

	color: #ffffff

}

.style36 {

	font-family: "Trebuchet MS";

	font-weight: bold;

	color: #FFFFFF;

}

.style37 {font-family: Verdana, Arial, Helvetica, sans-serif}

.style39 {

	font-size: 9px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

-->

</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<BODY bgProperties="fixed">

<table width="684"  height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">

  <tr>

    <td height="94" colspan="3" valign="top"><table width="100%" border="0" cellpadding="3">

      <tr>

        <td><table width="100%" border="0" cellpadding="0" bgcolor="#333333">

          <tr>

            <td><div align="left"><img src="topo_galeria.jpg" alt="" width="668" height="80"></div></td>
            </tr>

        </table></td>

      </tr>

    </table></td>

    <td><img src="bib.img/spacer.gif" width="1" height="34" border="0" alt="" /></td>

  </tr>

  

  <tr>

    <td colspan="3" rowspan="2" valign="top"><table width="100%" border="0" cellspacing="2" cellpadding="2">

      <tr>

        <td valign="top"><div align="center">

          <table width="100%" border="0" cellspacing="0" cellpadding="0">

            <tr>            </tr>

          </table>

          <table width="100%" border="00" cellspacing="0" cellpadding="0">

            

            <tr>

              <td><table border="00" align="center" cellpadding="3" cellspacing="3">

                  <?php

		$total = mysql_num_rows($query);

		if($total > 10){

		   $total = 10;

		}

		for($i = 0; $i < $total; $i++){

		    $dados = mysql_fetch_assoc($query);

			if($i%5 == 0){

		?>

                  <tr>

                    <?php

		    }

		  ?>

                    <script>

function abre(id){

   window.open('janela.php?id='+id,'galeria','height=640,width=480,scrollbars=no');

}

          </script>

                    <td><table width="100%" border="0" cellpadding="1" cellspacing="0">



                        <tr valign="middle">

                          <td width="100%" valign="bottom"><div align="center">

                              <table border=0 align="center" cellpadding=3 cellspacing=0 bgcolor="#000000" style='border-style:solid;border-width:1px;border-color:#333333;'>

                                <tr>

                                  <td bgcolor="#666666" class=tdtexto_buscapeq{0}><div align="center">

                      

                      <a href="janela.php?id=<?php echo $dados['id'];?>">

                      

                      <img src="galeria/galeria/<? 

					  $n = rand(1,1);

					  $t = getimagesize('galeria/galeria/'.$dados['pasta'].'/'.$dados['foto0'.$n]);

					  $largura = $t[0];

					  ////////////////////

					  if($largura > 110){

					      /////////////////

					     $d = $largura/110;

						 $largura /= $d;

					  }
					  /////////////////////
					  echo $dados['pasta']?>/<? echo $dados['foto0'.$n]?>" alt="click aqui para visualizar" border="0" width="<?php echo $largura;?>" height="85"></a></div></td>
                                </tr>
                                <tr>
                                  <td valign="middle" bgcolor="#000000" class=tdtexto_buscapeq{0}><div align="center" class="style35"><span class="tree "><span class="style37"><span class="tree  style34">
								<? 
								if(strlen($dados['nome']) <= 18){
								  echo $dados['nome'];
								   }else{
								  echo  substr($dados['nome'], 0, 15)."...";
								}
								?>
                              </span><span class="tree style25"><br>
	<? 
                                $d = explode('-',$dados['data']);
                                echo $d[2],"/",$d[1],"/",$d[0];?>
                                </span></span></span><span class="style33">- <strong>
                                <?
                                $dir="galeria/galeria/$dados[pasta]";
                                $dir1=opendir($dir);
                                $cont=0;
                                while ($res=readdir($dir1) ){
                                $tipo=explode(".",$res);
                                if ($tipo[1]=="jpg" || $tipo[1]=="JPG"){
                                $cont=$cont+1;
                                }
                                }
                               print ($cont);
                                ?>
                                <img src="amp.gif" width="16" height="10" align="absmiddle"></strong></span></div></td>
                                </tr>
                             </table>
                          </div></td>
                        </tr>
                    </table></td>
                    <?php }?>
                    <td> </td>
                  </tr>
              </table></td>
            </tr>
            <tr align="center">
            <!-- PAGINACAO -->
              <td><div align="left"><span class="tree style27">
        <?php
		$limit = mysql_num_rows($max)/10;
	$limite = number_format($limit);
		if($limit > $limite){
		   $limite += 1;
		}
		if($limite > 1){
		   echo "    Páginas:  ";
		   for($i = 1; $i <= $limite; $i++){
		       $link = $i-1;
			   if($_GET['p'] == $link){
			      echo "<font size=4px><strong>".$i."</strong></font> ";
			   }else{
			      echo "<a href='?a=fotos&p=".$link."'>".$i."</a> ";
			   }
		   }
		}
	?>
                </span></div></td>
            </tr>
          </table>
        </div></td>
      </tr>
    </table></td>
    <td><img src="bib.img/spacer.gif" width="1" height="157" border="0" alt="" /></td>
 </tr>
  <tr>
    <td><img src="bib.img/spacer.gif" width="1" height="50" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>

Adson aquino · Janeiro 12, 2010

Não seria melhor quando você fosse enviar as fotos redimensionar todas assim ficaria tudo do mesmo tamanho.

Furian · Janeiro 12, 2010

Fala aí Shacka, você tem sim como redimensioná-las dentro do lightbox.css...

Procure os campos:

#outerImageContainer - este campo é referente ao tamanho da tela onde a imagem vai aparecer.

#imageDataContainer - este campo é referente ao rodapé do lightbox.

E crie um campo:

#lightbox img - aqui você altera o tamanho da imagem que vai aparecer.

Em todos estes campos adicione as seguintes linhas:

max-height - "Altura".

max-width - "Largura".

Dessa forma quando sua imagem for abrir vai ser redimensionada exatamente do tamanho que você definir como sendo o tamanho máximo para exibição.

OBS: Nos campos outerImageContainer e imageDataContainer o ideal é terem as mesmas dimensões e serem maiores do que o campo lightbox img.

Espero que isso possa te ajudar...

Grande abraço, até...

xShacka · Janeiro 12, 2010

Salve Furian

tao brow, seguinte no momento to com a cabeca xeia rsrsrsr to com tanta coisa pra faze que ta dificil ate de pensa direito rsrsr, mais la no .css ja ta setado aseuintes opções.

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
}

ou seja ja ta setado de padrao sem eu mecher mais a img se adeque conforme a img enviada comofaço ?!

pra ver

www.squarebar.com.br/fotos2.php

Furian · Janeiro 12, 2010

As linhas mencionadas acima já estão realmente setadas por padrão, a única coisa que você vai fazer é adicionar o max-height e max-width nessas linhas para delimitar o tamanho e largura de exibição das mesmas, já a tag img tem que ser adicionada no código css como descrevi acima.

Faça da seguinte forma:

Insira essa linha no código css, e põe as dimensões que você quer que tenha.

#lightbox img { 
	width: auto;
height: auto;
max-height: 780px;
max-width: 530px;
}

Testa aí pra ver se funciona... lembrando que você também deve delimitar as duas que já estão por padrão dentro do código. (#outerImageContainer e #imageDataContainer)

Grande abraço, até...

xShacka · Janeiro 12, 2010

intao furian nao obtive sucesso rsrsrs, aa e onde rola o clique para abrir a foto énesse aqruivo:

<?php

include('stat/connect.php');

$p = $_GET['p']*30;

$query = mysql_query("SELECT * FROM galeriaft WHERE id = '".$_GET['id']."'") or die(mysql_error());

$dados = mysql_fetch_assoc($query);

?>

<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 
<script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 
<script src="js/lightbox.flash.js" type="text/javascript"></script> 
<style type="text/css">

<!--

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;
	
	background:#000000;

}

a:link {

	color: #FFCC00;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #CCCCCC;

}

a:hover {

	text-decoration: none;

	color: #FFFF00;

}

a:active {

	text-decoration: none;

	color: #FFCC00;

}

.style3 {

	font-family: "Trebuchet MS";

	font-size: 10px;

	font-weight: bold;

}

.style4 {color: #FFFFFF}

-->

</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>



<body>

<table width="274" border="00" cellspacing="0" cellpadding="0">

  <tr>

    <td valign="top"><table width="100" border="00" align="center" cellpadding="0" cellspacing="0">

	  <?php

	  $dir = dir('galeria/galeria/'.$dados['pasta']);

	  while($arquivo = $dir->read()){

	      if($arquivo <> '.' and $arquivo <> '..'){

		     if(isset($i)){

			    $i++;

			 }else{

			    $i = 0;

			 }

			 if($i >= $p and $i < $p+30){

		     if($i%6 == 0){

	  ?>

      <tr>

	    <?php

	         }

	    ?>

        <td width="91" valign="top"><table width="100%" border="0" cellspacing="2" cellpadding="2">

            <tr >

              <td align="center" valign="top"><table border="0" align="center" cellpadding="0" cellspacing="0" style='border-style:solid;border-width:1px;border-color:#cccccc;'>

                <tr>

                  <td class="tdtexto_buscapeq{0}"><div align="center"><a href="galeria/galeria/<?php echo $dados['pasta'];?>/<?php echo $arquivo;?>" title="Square Bar" rel="lightbox[roadtrip]"><img src="galeria/galeria/<? 

					  $n = rand(1,3);

					  $t = getimagesize('galeria/galeria/'.$dados['pasta'].'/'.$arquivo);

					  $largura = $t[0];

					  $altura = $t[1];

					  if($largura > 95){

					     $d = $largura/95;

						 $largura /= $d;

						 $altura = 65;

					  }

					  echo $dados['pasta']?>/<? echo $arquivo;?>" alt="click aqui para visualizar" width="<?php echo $largura;?>" height="<?php echo $altura;?>" hspace="4" vspace="6" border="0" /></a></div></td>

                </tr>

              </table>                </td>

            </tr>

          </table></td>

		<?php }}}?>

        <td> </td>

        </tr>

    </table></td>

  </tr>

  <tr>

    <td align="right" valign="top" bgcolor="#000000">

	  <div align="left" class="style3">  <span class="style4">

	    <?php

	    $i += 1;

		$limit = $i/30;

		$limite = number_format($limit);

		if($limit > $limite){

		   $limite += 1;

		}

		if($limite > 1){

		   echo "PAG ";

		   for($i = 1; $i <= $limite; $i++){

		       $link = $i-1;

			   if($_GET['p'] == $link){

			      echo "<strong>".$i."</strong> ";

			   }else{

			      echo "<a href='?id=".$_GET['id']."&p=".$link."'>".$i."</a> ";

			   }

		   }

		}

		?>

    </span></div></td>

  </tr>

</table>

</body>

</html>

Furian · Janeiro 12, 2010

Posta aí pra mim como ficou o teu lightbox.css...<br>

xShacka · Janeiro 12, 2010

#lightbox{

position: absolute;

left: 0;

width: 100%;

z-index: 100;

text-align: center;

line-height: 0;

}

#lightbox a img{ border: none; }

#outerImageContainer{

position: relative;

background-color: #fff;

width: 530px;

height: 780px;

margin: 0 auto;

}

#imageContainer{

padding: 10px;

}

#lightbox img {

width: auto;

height: auto;

max-height: 780px;

max-width: 530px;

}

#loading{

position: absolute;

top: 40%;

left: 0%;

height: 25%;

width: 100%;

text-align: center;

line-height: 0;

}

#hoverNav{

position: absolute;

top: 0;

left: 0;

height: 100%;

width: 100%;

z-index: 10;

}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{

width: 49%;

height: 100%;

background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

display: block;

}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{

font: 10px Verdana, Helvetica, sans-serif;

background-color: #fff;

margin: 0 auto;

line-height: 1.4em;

overflow: auto;

width: 100%

}

#imageData{ padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }

#overlay{

position: absolute;

top: 0;

left: 0;

z-index: 90;

width: 100%;

height: 500px;

background-color: #000;

}

Furian · Janeiro 12, 2010

Coloque o #lightbox img embaixo do #lightbox e você ainda não adicionou em #outerImageContainer e #imageDataContainer o max-height e max-width...

Faça mais ou menos assim:

#lightbox{
	position: relative;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

/* Observe esta linha */
#lightbox img { 
	width: auto;
	height: auto;
	max-height: 780px;
	max-width: 530px;
	}

#lightbox a img{ 
	border: none;
	}

/* Observe esta linha */
#outerImageContainer{
	position: relative;
	background-color: #fff;
	max-height: 800px;
	max-width: 550px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position:relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

/* Observe esta linha */
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	max-height: 800px;
	max-width: 550px;
	}

Vê se vai agora...

Grande abraço, até...

Outra coisa, não vi a tag img no seu código, como você está fazendo para mostrar a imagem na página?

xShacka · Janeiro 12, 2010

AA Furian desisto velho to ficando loco ja de tanto tenta meche e aranja uma p**** de uma solução e nao adianta.

valeu a ajuda mesmo

Furian · Janeiro 12, 2010

Não desiste não brother... dá uma pausa pra relaxar e volta depois a tentar de novo ok...

Grande abraço, até...

OBS: Caso você não esteja mostrando a imagem dentro da tag <img src=""> você tem que substituir o #lightbox "img" pelo tipo da tag que está usando...

xShacka · Janeiro 12, 2010

Intão furian so da umaolhada como da raiva, vai la no www.squarebar.com.br/fotos2.php e vai no segundo album ou no primero e ve como as fotos abrem q raiva q da.

xShacka · Janeiro 12, 2010

intao o link da img e a exibição da img ta assim no codigo:

<a href="galeria/galeria/<?php echo $dados['pasta'];?>/<?php echo $arquivo;?>" title="Square Bar" rel="lightbox[roadtrip]"><img src="galeria/galeria/<? 

					  $n = rand(1,3);

					  $t = getimagesize('galeria/galeria/'.$dados['pasta'].'/'.$arquivo);

					  $largura = $t[0];

					  $altura = $t[1];

					  if($largura > 95){

					     $d = $largura/95;

						 $largura /= $d;

						 $altura = 65;

					  }

					  echo $dados['pasta']?>/<? echo $arquivo;?>" alt="click aqui para visualizar" width="<?php echo $largura;?>" height="<?php echo $altura;?>" hspace="4" vspace="6" border="0" /></a>

Furian · Janeiro 12, 2010

Vai em www.snstn.com.br no menu Club e depois em Clientes... tu vai ver como eu fiz... vê se é isso mesmo que você está querendo.

Grande abraço, até...

xShacka · Janeiro 12, 2010

Intao Furian seguinte mudei pro thickbox ele redimenciona de boa nao dexa passa de uma medida funciona certinho porem sempre mais sempre tudo q émto bom da m***** APOSKDOSAP, ele nao tem pagina manja, tenhu q fecha dai abri otra foto dae fexa e nao tem aquele next e talz. manja como arruma ?!

Aquele abraço brother.

Furian · Janeiro 12, 2010

Ele não tem o código com os botões, ou não está carregando as imagens?

De thickbox não saco não, nunca mexi... só vendo o código mesmo pra saber...

Grande abraço, até...

xShacka · Janeiro 13, 2010

intao Furian ta ai http://jquery.com/demo/thickbox/ o do thickbox nao écomplicado e talz, porem eu nao intendo mto, mais valeu a força.

Abraxx té +

Furian · Janeiro 13, 2010

Ele também possui a opção galeria de fotos... dá uma olhada nos exemplos dos códigos que existem no link que você me passou...

Grande abraço, até...

Abaixo está o código de como se faz a galeria...

<a href="images/plant1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant1_t.jpg" alt="Plant 1" /></a> 

<a href="images/plant2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant2_t.jpg" alt="Plant 2" /></a> 

<a href="images/plant3.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant3_t.jpg" alt="Plant 3" /></a> 

<a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a>

xShacka · Janeiro 13, 2010

Intao furian isso eu vie talz, mais tpw como faço pra ativa a função ?!

Furian · Janeiro 13, 2010

Intao furian isso eu vie talz, mais tpw como faço pra ativa a função ?!

Bom... eu ainda não testei, mas aparentemente é aquele item rel="gallery-plants" dentro da tag <a>... parece ser como o rel='lightbox[galeria]' do lightbox... testa aí pra ver se vai funcionar beleza...

Grande abraço, até...

Arquivado

Lightbox

Recommended Posts

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Adson aquino 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xShacka 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Furian 0