funcao jquery so mostra primeira foto
Boa tarde ,não sei o por que mas mas fiz um script que a funcao jquery so mostra somente uma foto de um album e o outro nao aparece.
quando clico na foto aparece nos dois albuns somente a foto do primeiro album ,alguem pode me ajudar.
<?php
@header( 'Content-Type: text/html; charset=iso-8859-1' );
require_once 'database/mysql.php';
$db = new Mysql;
$db->query( "select * from albuns order by album_name asc" )->fetchAll();
if ( $db->rows > 0 )
{
$albuns = $db->data;
foreach ( $albuns as $album )
{
$a = ( object ) $album;
$db->query( "select * from fotos where foto_album = $a->album_id order by foto_pos asc" )->fetchAll();
if ( $db->rows >= 1 )
{
$f = ( object ) $db->data[0];
?>
<span class="btn" oncLICK="$('#containment').slideDown('slow',function(){$('#g2').mbGallery({maskBgnd:'#ccc', overlayOpacity:.9, containment:'containment',minWidth: 100, minHeight: 100,skin:'black', exifData:true, onClose:function(){$('#goto').hide()}});}); $('#goto').show()">
<img src="thumb.php?img=fotos/<?= $f->foto_url ?>" alt=""/></span>
<div id="containment" style="width:100%;height:600px;padding-top:50px; display:none"></div>
<div id="g2" class="galleryCont">
<a class="imgThumb" href="fotos/<?= $f->foto_url ?>"></a>
<a class="imgFull" href="fotos/<?= $f->foto_url ?>"></a>
<div class="imgDesc">Description 03</div>
<a class="imgThumb" href="fotos/<?= $f->foto_url ?>"></a>
<a class="imgFull" href="fotos/<?= $f->foto_url ?>"></a>
<div class="imgDesc">Description 04</div>
<a class="imgThumb" href="fotos/<?= $f->foto_url ?>"></a>
<a class="imgFull" href="fotos/<?= $f->foto_url ?>"></a>
<div class="imgDesc">Description 05</div>
</div>
<?php
}
}
}
?>
resultado em html :
<span class="btn" oncLICK="$('#containment').slideDown('slow',function(){$('#g2').mbGallery({maskBgnd:'#ccc', overlayOpacity:.9, containment:'containment',minWidth: 100, minHeight: 100,skin:'black', exifData:true, onClose:function(){$('#goto').hide()}});}); $('#goto').show()">
<img src="thumb.php?img=fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg" alt=""/></span>
<div id="containment" style="width:100%;height:600px;padding-top:50px; display:none"></div>
<div id="g2" class="galleryCont">
<a class="imgThumb" href="fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg"></a>
<a class="imgFull" href="fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg"></a>
<div class="imgDesc">Description 03</div>
<a class="imgThumb" href="fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg"></a>
<a class="imgFull" href="fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg"></a>
<div class="imgDesc">Description 04</div>
<a class="imgThumb" href="fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg"></a>
<a class="imgFull" href="fotos/dcdae5bf0b87fced7df24b67651de1b8.jpg"></a>
<div class="imgDesc">Description 05</div>
</div>
<span class="btn" oncLICK="$('#containment').slideDown('slow',function(){$('#g2').mbGallery({maskBgnd:'#ccc', overlayOpacity:.9, containment:'containment',minWidth: 100, minHeight: 100,skin:'black', exifData:true, onClose:function(){$('#goto').hide()}});}); $('#goto').show()">
<img src="thumb.php?img=fotos/1821ec7dc3bc01285d2386e305b0da17.jpg" alt=""/></span>
<div id="containment" style="width:100%;height:600px;padding-top:50px; display:none"></div>
<div id="g2" class="galleryCont">
<a class="imgThumb" href="fotos/1821ec7dc3bc01285d2386e305b0da17.jpg"></a>
<a class="imgFull" href="fotos/1821ec7dc3bc01285d2386e305b0da17.jpg"></a>
<div class="imgDesc">Description 03</div>
<a class="imgThumb" href="fotos/1821ec7dc3bc01285d2386e305b0da17.jpg"></a>
<a class="imgFull" href="fotos/1821ec7dc3bc01285d2386e305b0da17.jpg"></a>
<div class="imgDesc">Description 04</div>
<a class="imgThumb" href="fotos/1821ec7dc3bc01285d2386e305b0da17.jpg"></a>
<a class="imgFull" href="fotos/1821ec7dc3bc01285d2386e305b0da17.jpg"></a>
<div class="imgDesc">Description 05</div>
</div>Discussão (0)
Carregando comentários...