Ir para conteúdo
Fórum Script Brasil
  • 0

Slide jQuery com thumbnail diferente da imagem


Edmarcos Lins

Pergunta

Galera, estou com o seguinte problema.

(http://hashtagcomunicativo.com.br/slidenot/teste/index_3.htm)

Eu queria que essas três imagens do canto superior direito ficassem como thumbnail do slideshow, mas não sei por que, o código ta criando essas 3 imagens inexistentes abaixo, porém, estão fazendo a função que eu quero.

<html>

<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nova pagina 1</title>

<script type="text/javascript" src="../scripts/jquery.js" > </script>
<script type="text/javascript" src="../scripts/cycle.js" > </script>

<style type="text/css">
	*{margin:0; padding:0}
	#destaque{width:766px; height:249px;}
	#destaque ul{list-style:none;}
</style>

<script type="text/javascript">

$(function(){
				
   $('#destaque ul').before('<ul class=".botoes">').cycle({
      fx:'fade',
      speed:'1000',
      timeout:'stop',
      pager:'#pager',

      pagerAnchorBuilder: function(idx) {
		return '<ul class="botoes>"<li><a href="#"><img src="' + jQuery(idx).find('img').attr('src')+ '" width="229" height="83" /></a></li></ul>';
	  }
   })
})

</script>

</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<div align="center">
<table border="0" width="1000" cellspacing="0" cellpadding="0" height="249">
<tr>
<td width="767">
<div id="destaque">
<ul>			
<li><img src="imagem/bg_aemp.png" alt=""></img></li>
<li><img src="imagem/bg_serv.png" alt=""></img></li>
<li><img src="imagem/bg_md.png" alt=""></img></li>
</ul>
</div>
</td>
<td width="229">
<table border="0" width="229" cellspacing="0" cellpadding="0" height="249">
<tr>
<td>
<div id="pager">
<ul class="botoes">			
<li><img src="imagem/botoes/aemp_1.png" alt=""></img><li>
<li><img src="imagem/botoes/serv_1.png" alt=""></img><li>
<li><img src="imagem/botoes/mv_1.png" alt=""></img><li>
</ul>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

</body>

</html>
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...