Ir para conteúdo
Fórum Script Brasil

Edmarcos Lins

Membros
  • Total de itens

    4
  • Registro em

  • Última visita

Sobre Edmarcos Lins

Edmarcos Lins's Achievements

0

Reputação

  1. 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>
  2. Mostrando na prática, é tipo esse que tem nesse site "http://www.bridalubrificantes.com.br/". Lá no canto inferior esquerdo, onde tem 'Fornecedores'. Só que no meu caso eu quero com botão de voltar e avançar.
  3. 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...