Pessoal, olhe o código O js não funciona, nem os chamados do arquivos e nem o que esta no fim da página? Se alguém souber o porque. <!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>
<link rel="stylesheet" href="./css/basic.css" type="text/css" />
<link rel="stylesheet" href="./css/galleriffic-2.css" type="text/css" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="./js/fotos/jquery.galleriffic.js"></script>
<script type="text/javascript" src="./js/fotos/jquery.opacityrollover.js"></script>
<!-- We only want the thunbnails to display when javascript is disabled -->
<script type="text/javascript">
document.write('<style>.noscript { display: none; }</style>');
</script>
</head>
<body>
<div id="page">
<div id="container">
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<?php
include("../lib/conectar.inc");
include("../lib/funcoes.php");
$album = 'casamentos';
$pasta = '00001';
$dir = "./img/".$album."/mini/".$pasta."/";
$dirft = "./img/".$album."/fotos/".$pasta."/";
$handle = opendir(".".$dir);
while($file = readdir($handle))
{
if($file != ".." && $file != "Thumbs.db")
{
if(!is_dir($file))
{
echo '<li><a class="thumb" href="'.$dirft.$file.'"><img src="'.$dir.$file.'" alt="" width="40" height="40" border="0"/></a></li>';
}
}
}
?>
</ul>
</div>
<!-- Start Advanced Gallery Html Containers -->
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container"></div>
</div>
<div style="clear: both;"></div>
</div>
<ul id="desc_fotos">
<?php
$select=$conexao->query("SELECT * FROM $album WHERE codigo='$pasta'");
$dados =$select->fetch_object();
echo"
<li style='font-size:15px; font-weight:bold;'>".$dados->nome."</li>
<li>Data : ".data_certa($dados->data)."</li>
<li>Local: ".$dados->local."</li>";
?>
</ul>
</div>
<div id="page1">
<script type="text/javascript">
alet('uslei');
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '400px', 'float' : 'left'});
$('div.content').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 18, // Numero de imagens em cada página
preloadAhead: 10,
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Iniciar slide',
pauseLinkText: 'Pausar slide',
prevLinkText: '‹ Anterior',
nextLinkText: 'Próxima ›',
nextPageLinkText: 'Próxima ›',
prevPageLinkText: '‹ Voltar',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 2500,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>
</div>
</body>
</html>