18 comentários em “Criando Slide Show com jQuery”

  1. Olá David eu enchendo o saco novamente.

    No final onde vc “numera as paginas ” não aparece na vídeo aula gostaria de saber onde colocou a id pager que ñ deu pra visualizar.

    Responder

    • @Andrew, a propriedade para paginação seria pager, então basta colocar o id q vc quer seja inserido essa paginação.

      [javascript]
      $("#slide").cycle({
      pager : ‘#paginacao’
      })
      [/javascript]

      e no HTML

      [html]
      <div id="paginacao"></div>
      [/html]

      Sobre o link ativo, ele é atribuído a class activeSlide

      Responder

      • Obrigado tudo certo vlw mesmo só estou com dificuldade quanto a personalizar o controle e a essa class activeSlide não sei como aplicala. mais nada que o google não resolva.

        Obrigado !

        Responder

          • Kara so não digo que te amo por que vai fica estranho eu vo casar da qui a 2 meses, + deu certo e muito bom.

            Uma ideia, por que não cria um grupo de usuarios no seu site pra galera poder ta sempre por ai assistindo o mestre? acho que que teria bastante usuarios q reconhecem seu trabalho.

          • Vc me assustou agora, rs.

            Pode ser uma possibilidade, ainda quero fazer mais coisas no site, ainda nem publiquei minhas aulas aqui devido ao tempo, vou pensar sua sugestão, e como fazer tbm. abrs

  4. Primeiramente parabéns pelo site e pelas vídeo aulas, consegui fazer o slide show perfeitamente e ainda alterei o Browser Effects para scrollLeft para fazer o slide ao meu gosto, só que não estou conseguindo colocar um identificador de imagens como por exemplo esse que se encontra no site da Apple: http://www.apple.com/br/ipad/ abaixo das imagens, você poderia me dar um auxilio ???
    Desde já agradeço, vlw…

    Responder

    • Fausto, vc vai utilizar o atributo page, e indicar aonde será colocado os links da paginação. Depois é só ir com css, e colocar as images nesse link:

      [css]
      #page a{
      display:block;
      width:10px;
      height:10px
      background: url(images/bullet.png) no-repeat;
      text-indent : -999999px;
      }
      [/css]

      Responder

  6. Olá…
    não estou conseguindo personalizar o menu pager…
    melhor dizendo não estou conseguindo substituir o “1234”
    por um bullet.png

    Tentei fazer no css da seguinte forma.
    }#pager a{
    display:inline;
    width:10px;
    height:10px;
    background: url(img/bullet.png) no-repeat;
    }

    mais não está funcionado…
    como faço?
    Abraço

    Responder

Deixe um comentário