Criei uma galeria de imagens que funciona perfeitamente, com lightbox adaptada por mim e tudo mais. Agora passei a usar isso para carregar as imagens de dentro da lighbox, mas ela (lightbox) não é exibida: http://www.electrict...-loading-image/
Segue o script da página:
<?php
include 'config.php';
// Traduz a página
switch ($_COOKIE['lang'])
{
case 'pt':
require("portugues.php");
break;
case 'en':
require("ingles.php");
break;
default:
require("portugues.php");
}
if(isset($_GET['proj'])){
$proj = '`Categoria` = "'.$_GET['proj'].'"';
}else{
$proj = '`Categoria2` = "Todos"';
}
$busca = $_GET['usuario'];
$busca = mysql_real_escape_string($busca);
$sql = "SELECT * FROM `images` WHERE (`Portf` = 'S') AND (`Username` = '".$busca."') AND ($proj) ORDER BY `ImageID` DESC";
Pergunta
Will Up
Criei uma galeria de imagens que funciona perfeitamente, com lightbox adaptada por mim e tudo mais. Agora passei a usar isso para carregar as imagens de dentro da lighbox, mas ela (lightbox) não é exibida: http://www.electrict...-loading-image/
Segue o script da página:
include 'config.php';
// Traduz a página
switch ($_COOKIE['lang'])
{
case 'pt':
require("portugues.php");
break;
case 'en':
require("ingles.php");
break;
default:
require("portugues.php");
}
if(isset($_GET['proj'])){
$proj = '`Categoria` = "'.$_GET['proj'].'"';
}else{
$proj = '`Categoria2` = "Todos"';
}
$busca = $_GET['usuario'];
$busca = mysql_real_escape_string($busca);
$sql = "SELECT * FROM `images` WHERE (`Portf` = 'S') AND (`Username` = '".$busca."') AND ($proj) ORDER BY `ImageID` DESC";
$query = mysql_query($sql);
$i = 0;
$imagens = array();
while($row = mysql_fetch_array($query, MYSQL_ASSOC))
{
foreach($row as $key => $value)
{
$imagens[$i][$key] = $value;
}
$i++;
}
$sql2 = mysql_query("SELECT * FROM `users` WHERE (`Username` = '".$busca."')");
while ($titulo_portf = mysql_fetch_assoc($sql2)) {
$Cor = $titulo_portf['Cor'];
$Portf = $titulo_portf['Titulo_portf'];
$Bio = $titulo_portf['Bio'];
$Avatar = $titulo_portf['Avatar'];
$Titulo_Portf = mb_strtoupper($Portf);
?>
<!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 http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><?php echo $Portf;?> - ImageUP</title>
<link href="/style_portf.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
</head>
<body>
<div id="tudo">
<style>
#exibe<?php echo $i++; ?>
{ display: none; }
</style>
<?php
}
?>
<?php if(sizeof($imagens) == 0): ?>
<center style='background: #FCC; color: #A00; font-size: 1.3em; padding: 5px;'>
Este usuário não possui imagens em seu portfólio
</center>
<?php else: ?>
<?php $i = 1; ?>
<?php foreach($imagens as $imagem): ?>
<a href="#exibe<?php echo $i++; ?>" onclick="example_ajax_request()" name="modal"><img onmouseover="if(parseFloat(this.style.opacity) != 0) p_fade(this, 'fast', 'out', '0.5', 0)" onmouseout="p_fade(this, 'fast', 'in', 1, 0)" onload="this.completed = 1; p_fade(this, 'fast', 'in', 1, 2)" src="http://www.theimageup.com/images_files/redimensionar.php?arquivo=<?php echo $imagem['Image]; ?>&largura=150&altura=150" style="opacity: 1;"></a>
<?php endforeach; ?>
<div id="boxes">
<?php $i = 1; ?>
<?php foreach($imagens as $imagem): ?>
<div id="exibe<?php echo $i++;?>" class="window">
</div>
<div id="mask"></div>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div id="footer">
<div id="FooterCreditos">
<p>© 2010. <?=DESENVOLVIDO?> <a href="#">Blabloo Network</a></p>
</div>
</div>
</div>
</div>
// Ajax imagem
<script type="text/javascript">
function example_ajax_request() {
$('#exibe<?php echo $i++;?>').html('<p><img src="ajax-loader.gif" width="220" height="19"></p>');
$('#exibe<?php echo $i++;?>').load('/images_files/redimensionar.php?arquivo=<?php echo $imagem['Image']; ?>&largura=920&altura=590');
}
</script>
<!-- Fade miniaturas -->
<script type="text/javascript">
/* Fade in and out for thumbnails */
var p_fade = function(element, mode, type, stop, number) {
clearInterval(element.interval);
switch(mode) {
case 'slow' : var speed = 75; break;
case 'fast' : var speed = 25; break;
case 'normal' : default: var speed = 50; break;
}
if(number == 0) {
element.interval = (type == 'in') ? setInterval(function() { fadeIn(element); }, speed) : setInterval(function() { fadeOut(element); }, speed);
} else {
setTimeout(function() {
element.interval = (type == 'in') ? setInterval(function() { fadeIn(element); }, speed) : setInterval(function() { fadeOut(element); }, speed);
}, number * 30);
}
func
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.