Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

joão pedro7

galeria jquery dinamica.

Por , em Javascript

Recommended Posts

joão pedro7    0

joão pedro7
Postado

olá pessoal estou com uma duvida eu utilizando um plugin jquery (http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/)

 

e estou tentando carregar ele por galerias por ex. ao clicar numa galeria ele carregar as fotos dakela galeria, consegui fazer ele trocar mas ele nao pagina na segunda galeria alguem pode saber oq é?

 

segue o codigo abaixo, eu acretido que seja do plugin quando carregado ele identifica as images e ele ta se perdendo ao trocar o conteudo da div das imagem

 

<!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>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>

<div id="slideshow">
<ul class="slides">

   </ul>

   <span class="arrow previous"></span>
   <span class="arrow next"></span>
</div>
<div id="teste">teste</div>   <div id="teste2">teste2</div>


<?php
$html = '<li><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li><li><img src="img/photos/2.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li><li><img src="img/photos/3.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>';
$html2 = '<li><img src="img/photos/2.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li><li><img src="img/photos/3.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li><li><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>';
?>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
<script type="text/javascript">
$(document).ready(function() {

	$(".slides").html('<?php echo $html; ?>');

	 $("#teste").click(function(){
     		$('.slides').empty()
		$(".slides").html('<?php echo $html2; ?>');

   	});

});

</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

joão pedro7    0

joão pedro7
Postado

Cara você tá com dúvida de como mostrar as imagens ou de como ir para a galeria especificada no clique?

 

ele ja inicia com as imagens funcionando normalmente, na hora de trocar de galeria que ele se perde, ele troca exibe a primeira imagem da galeria e nao pagina mais :/

Compartilhar este post

Link para o post
Compartilhar em outros sites

joão pedro7    0

joão pedro7
Postado

Sua ideia é abrir uma nova galeria quando clicar em "teste" ou em "teste2" ? Outra pergunta, cada teste terá uma coleção de imagem independente?

 

sim seriam 2 ou 3 galerias ele iniciaria com 1 default e ao clicar nas div trocaria de galeria, seria imagens totalmente diferente.. mas o plugin se perde ele pega a primeira e as outras não, você nao sabe algo ou algum outro plugin que trabalhe dessa forma?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito