Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Amigos,
Estou precisando de uma ajudinha, fiz uma pagina em php com funcoes ajax via innerHTML, e na funcao que abre as miniaturas é a mesma que abre a apresentacao que é com js, ela escurece a tela e tudo mais abrindo fora do ajax, como uma pagina separada e quando coloca ela é aberta no site principal via AJAX simplesmente a animacao do slideshow nao aparece... Já fiz inumeros testes....
Pelo que eu estou vendo o problema é com a abertura da TAG <a class="photo-link" ... O AJAX deve ter outra funcao para abrir este comando.
estou postando a funcao que abre o arquivo Slideshow.php e tambem estou postando o codigo que abre as miniaturas e faz a animacao. Alias bem interessante esse Slideshow programei para automaticamente usar todas as imagens de uma determinada pasta no servidor, eliminando toda a trabalheira de configurar, se alguem tiver interesse, me contate que eu forneço....
Segue ai o codigo da funcao:
function loadensaio()
{
var xmlhttpe;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttpe=new XMLHttpRequest();
} xmlhttpe=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttpe.onreadystatechange=function()
{
if (xmlhttpe.readyState==4 && xmlhttpe.status==200)
{
document.getElementById("page-wrap").innerHTML=xmlhttpe.responseText;
}
}
xmlhttpe.open("GET","auto/slideshow.php",true);
xmlhttpe.send();
}Slideshow.php:
<script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.0.0.js"></script>
<script type="text/javascript">
$(function(){
$(".photo-link").fancybox({ 'zoomSpeedIn': 500, 'zoomSpeedOut': 500, 'overlayShow': true });
});
</script>
</head>
<body>
<div id="page-wrap">
<?php
/* settings */
$image_dir = 'images/';
$per_column = 6;
/* primeiro passo: leitura dos arquivos no diretorio(MINIATURAS tem que estar (NOME DA FOTO)-thumb.jpg */
if ($handle = opendir($image_dir)) {
while (false !== ($file = readdir($handle)))
{
if ($file != '.' && $file != '..')
{
if(strstr($file,'-thumb'))
{
$files[] = $file;
}
}
}
closedir($handle);
}
/* Segundo passo, montar as miniaturas e criar os links para abertura da animacao */
if(count($files))
{
foreach($files as $file)
{
$count++;
echo '<a class="photo-link" rel="one-big-group" href="',$image_dir,str_replace('-thumb','',$file),'"><img src="',$image_dir,$file,'" width="100" height="100" /></a>';
if($count % $per_column == 0) { echo '<div class="clear"></div>'; }
}
}
else
{
echo '<p>Sem fotos na galleria.</p>';
}
?>
</div>
</body>
</html>Carregando comentários...