Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
Estou com seguinte problema. Fiz um slideshow usando JQuery e JCycle que funciona muito bem e é fácil de utilizar.
O problema é que quero que as imagens seja exibidas de forma dinâmica buscando o conteúdo da pasta.
Tente algo assim:
<script type="text/javascript" src="includes/javascript/jquey/jcycle.js" />
<script type="text/javascript" src="includes/javascript/jquey/jquery.js"/>
<script language="JavaScript">
<!--
$(function() {
$('#galeria').show(); //exibe a div pai
$('#galeria').cycle({
fx: 'fade',
timeout: 6000,
speed: 500,
next: '.next',
prev: '.previous',
pager: '.numbers'
});
});
// -->
</SCRIPT>
<style>
dv.pics { display: none; }
div.pics img {
height: 200px; // altura das imagens
width: 200px; // largura das imagens
overflow:hidden; // limitando a div
}
</style>
<?php
$pasta = "imagens/aplicacoes-eletricas/aneis-coletores";
$imagens = glob("$pasta/{*jpg,*png,*gif}", GLOB_BRACE);
$tudo = "";
$tudo = "<div class='pics' id='galeria1'>";
foreach($imagens as $img){
$tudo = $tudo . "<img src='$img' alt='$img' width='200' height='200' />" . "\n";
}
$tudo = $tudo . "</div>";
echo $tudo;
?>
Consegui buscar as imagens direto do conteúdo da pasta, porém (e sempre tem um porém) não consigo fazer com que o Jquery/Jcycle seja aplicado a div que criei.
Acho que é por problemas do que é processao no servidro e o que processado no cliente.
Teria alguma forma de contornar isto.
Vi alguns exemplos de scripts prontos mas achei mito complicado.
Aceito outras sugestões caso não dê para fazer com Jqueyr.
Carregando comentários...