Ir para conteúdo
Fórum Script Brasil

Edmarcos Lins

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    4

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por Edmarcos Lins

  1. Slide jQuery com thumbnail diferente da imagem

    em Ajax, JavaScript, XML, DOM

    Postado

    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>

  4. Slideshow com prev, next e varias imagens na div

    em Ajax, JavaScript, XML, DOM

    Postado

    Fala galera, beleza?

    Alguém pode me passar o código para realizar tal função? (imagem)

    Imagem 1: http://edmarcos.hdlcomunicacao.com/testes/upload/arquivos/Untitled-2.png

    Imagem 2: http://edmarcos.hdlcomunicacao.com/testes/upload/arquivos/Untitled-3.png

    A lógica é a seguinte: clicar na seta (voltar ou avançar) e rolar para a próxima div onde irá conter as outras logos.

    Procurei por isso em outros locais e não achei, até achei algo semelhante, mas como não tenho nenhuma experiência em Javascript, de nada adianta ser semelhante.

    Agradeço desde já galera.

    Saúde e paz .'.

×
×
  • Criar Novo...