Menu

Nivo Slider For WordPress

ATENÇÃO, O PLUGIN NIVO SLIDER FOR WORDPRESS ESTÁ SENDO DESCONTINUADO, MAS VOCÊ PODE USAR O SIMPLE RESPONSIVE SLIDER QUE TEM AS MESMAS CARACTERÍSTICAS, CLIQUE AQUI E VEJA MAIS

DOWNLOAD: http://wordpress.org/extend/plugins/nivo-slider-for-wordpress/

NivoSlider for WordPress é baseado no plugin S3Slider desenvolvido por Vinicius Massuchetto, adaptado para a sua utilização JQuery plugin NivoSlider.

COMO USAR:

Adicionar imagem

Adicionando imagem:
Para adicionar uma nova imagem no seu slider, clique no botão Adicionar nova imagem, em seguida, selecione a imagem desejada (são suportados JPG, PNG e GIF) e clique no botão enviar e editar imagem.

Configurações da imagem:
Depois que a imagem foi enviada, defina a área de recorte e escreva abaixo a legenda e no link da imagem, se desejar.

Editando imagem:
Para editar a imagem depois de já definida suas configurações, clique no link Editar ao lado da coluna da legenda.

Excluindo imagem:
Para excluir a imagem, clique no link Remover ao lado da coluna da legenda.

Alterando a ordem de apresentação das imagens:
Para definir a ordem de apresentação das imagens, clique na linha da imagem desejada e arraste para cima ou para baixo até a ordem das imagens ficar como deseja.

Opções

Tamanho do recorte (será também o tamaho do slider):
Esta opção define a largura e altura em pixels nos campos correspondentes. Essa será as dimensõ;es do slider e do recorte da imagem após o upload da mesma.

Importante: caso altere essas dimensões depois de já ter inserido alguma imagem, terá que recortar as imagens novamente, para que elas se adequarem as dimensões definidas.
Configurações do Nivo Slider:

Efeitos de transição:
Selecione um dos efeitos para alterar a transição entre cada imagem.

Velocidade da transição do slide:
Velocidade em que será mostrada a transição escolhida.

Tempo de pausa entre as transições:
Tempo que uma imagem do slider ficará sendo mostrada, até que acontçaa a transção para a próxima.

Setas de navegação:
Se esta opção estiver habilitada, o uso das setas para avançar ou voltar a passagem das imagens no slider aparecerão.

Mostrar as setas de navegação somente quando o mouse estiver sobre o slide:

Se esta opção estiver habilitada, as setas de navegação só irão aparecer quando o cursor do mouse estiver sobre o slider.

Mostrar navegação por “bullets”

Se esta opção for ativada, o usuário pode avançar ou retroceder as imagens utilizando os bullets abaixo do slider

Usar esquerda & direita no teclado:
Se esta opção estiver habilitada, o usuário poderá avançar ou voltar as imagens do slider pelas setas de navegação esquerda (←) e direita (→) do teclado.

Parar a animação enquando o mouse estiver sobre o slide:
A animação (transições e legenda) não irão acontecer enquanto o mouse estiver sobre do slider.

Forçar transição manual:
Se esta opção estiver habilitada, as transições não acontecerão de forma automática.

Cor de fundo da legenda:
Altera a cor de fundo da legenda de todas as imagem do slider. Para alterar a cor clique no botão ao lado do campo de texto, e selecione a cor desejada no seletor de cor.

Cor do texto da legenda:
Altera a cor do texto da legenda de todas as imagem do slider. Para alterar a cor clique no botão ao lado do campo de texto, e selecione a cor desejada no seletor de cor.

Opacidade do fundo da legenda:
Altera a transparência do fundo da legenda de todas as imagem do slider. Digite o valor desejado dentro de uma escala de 0.0 à 10.0, por exemplo, 0.3.

Opções Avançadas

Qualidade da imagem:
Coloque um value entre 0 a 100 para definir a qualidade do recorte das imagens. A qualidade varia de 0 (qualidade ruim, arquivo menor) até 100 (melhor qualidade, arquivo grande). O padrão é 80.
Inserir JavaScript:
Selecione uma das opções, head ou footer, para definir onde será carregado os scripts Jquery do Plugin Nivo Slider. Recomenda-se carregar o JavaScript no footer, pois permite que uma página de carregamento mais rápido, porém o slider é carregado por último.

Usando o Slider no seu Tema:

Para adicionar o Slider no seu tema basta colocar o seguinte codigo:

if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }

Screenshots:

Painel para adicionar e configurar as images:

Painel de configuração do Nivo Slider

Nivo Slider em ação!

Nota:

O plugin está disponivel em Inglês e Português, porém vou ser sincero e falar que meu inglês é muito ruim aindaentão se alguem achar alguma “bizarrisse”, peço desculpa, favor me avise para eu corrigir nas próximas versões ;D.

GitHub:

Se quizer contribuir para o desenvolviemento do plugin pode usar a página no github:https://github.com/marcelotorres/Nivo-Slider-for-WordPress.

Tradução:

  • hungarian by Németh Balázs

Agradecimentos:

Agradeço pelos testes e sugestões:

Como perceberam, faz muito tempo que não post no blog e consequentemente não respondo os comentários, peço desculpa, mas não estou tendo tempo hábil para tal, porém vou deixar os comentários abertos para quem quiser continuar discutindo ;).
Comentários padrão
Comentários do Facebook
  • 179 comentários em “Nivo Slider For WordPress

    1. Pingback: Plugin NivoSlider for WordPress | Marcelo Torres

    2. juin

      Cara, Otimo plugin viu, estava começando a preparar o nivo para o wordpress aqui, deu uns probleminhas e quando pesquisei pra ver se encontrava o erro, achei seu plugin, Otimo mesmo!!
      Só estou tendo 1 problema, ele só está mostrando uma imagem.Já sabe de algum bug ou é apenas brabesa minha mesmo? abraços.

      Reply
    3. juin

      Opa, descobri o problema anterior, estava deixando a div slider que eu havia criado manualmente, por isso tava dando erro, mas agora apareceu outro problema, somente no firefox está criando um espaco enorme abaixo do rodape do site e acredito que tenha haver com o plugin, alguem ai já passou por isso?

      Reply
    4. patricia

      oi, estou desenvolvendo um site e precisava utilizar o seu plugin.. mas não consigo entender.. eu baixo e aparece um monte de paginas do dreamweaver e css.. eu jogo elas na pasta q eu to desenvolvendo o meu site.. só que não consigo entender.. o plugin que vc criou vai me ajudar.. mas eu não sei como utilizar ele.. é serio… como abrir.. e tal.. tem algum tutorial que vc pode me passar?

      muito obrigada,
      Patricia B. Santos

      Reply
      1. Marcelo Torres Autor do post

        Olá Patricia, antes de mais nada preciso saber se você está usando esse plugin com o WordPress, se não está então não irá funcionar mesmo.

        Aguardo sua resposta.

        Reply
    5. Juin

      Caro Marcelo, mais uma vez parabéns pelo ótimo blog. Estou com um probleminha aqui, estou usando o plguin numa boa, mas no firefox está criando um espaco vazio abaixo do rodape. criei a div slider para posicionar o slider na pagina inicial:
      #slider{
      position:absolute;
      left:90px;
      top:-525px;
      }
      e só coloquei isso na div, mas ao adicionar a função chamando o slider ele cria esse espaco vazio no firefox. Se puder colaborar com alguma dica ai, ficaria muito agradecido. Abraços!

      Reply
      1. Marcelo Torres Autor do post

        Juin, fica dificil lhe da alguma dica sem ver como está definido seu HTML/CSS, mas possivelmente não deve ser problema no plugin, de uma olhada neste site – http://www.pontogamer.com/ – e veja que está aparecendo normalmente, se puder me mande o link do site que está editando para eu dar uma olhada.

        Abraços

        Reply
    6. Juin

      Rpz, o que está me matando mais ainda é que mesmo com o firebug aqui, eu não consigo visualizar qual a parte do código que está gerando esse espaço em branco abaixo do rodapé, e somente no firefox. E já tenho certeza que o problema é no meu tema mesmo..mas pq está acontecendo isso é que ainda nao consegui descobrir.

      Reply
    7. Juin

      Marcelo, pode rejeitar o comentario com o css ai de cima, achei onde está o problema, só nao conseguir resolver ainda. tenho essa div antes da div slider chamada pela função.

      #conteudo{
      width:990px;
      height:550px;
      margin-top:-2px;
      background-image:url(“imagens/fundo.png”);
      background-repeat:no-repeat;
      }
      e div slider está sendo posicionada abaixo dessa div ae..como faço pra ela ficar por cima? pode me ajudar nessa?! Abraços!

      Reply
      1. Marcelo Torres Autor do post

        Cara não é só você colocar a função do slider acima da marcação da div id=”conteudo” ?

        Tente também usar no css do #conteudo um display:table; , talvez resolva o problema do espaço em branco.

        Reply
    8. Juin

      Olá Marcelo, eu consegui resolver, coloquei a função acima da div conteúdo, mas ai a div conteúdo estava descendo e bagunçando tudo, no final das contas ficou assim a div conteudo e a div slider:

      #conteudo{
      position:absolute;
      top:148px;
      width:990px;
      height:550px;
      margin-top:-2px;
      background-image:url(“imagens/fundo.png”);
      background-repeat:no-repeat;
      }/* conteudo do index.php*/

      #slider {
      position:absolute;
      top:21px;
      left:90px;
      z-index:50;
      background:url(images/loading.gif) no-repeat 50% 50%;
      }

      Reply
    9. Pingback: Nivo Slider For WordPress 0.3.1 | Marcelo Torres

    10. Pingback: [Video-Tutorial] WordPress – Conhecendo e usando o plugin Nivo Slider For WordPress | Marcelo Torres

    11. Dawn

      Since this plugin does not allow for multiple sliders, is there a way to specify which photos appear in a slider by their ID number or a range of IDs.

      This would allow us to use the single admin interface (which is outstanding, btw), but to use multiple instances of the slider showing only specific slides.

      Thank you for your hard work on this plugin.

      Reply
      1. Marcelo Torres Autor do post

        Hi Facundo,

        Try centered in css with the selector #nivoslider, eg: #nivoslider{margin:0 auto;}.

        this version don’t randomize, maybe the next version I ‘ll add this function.

        Reply
    12. Eder

      Fala Marcelo,
      Tudo bem?

      Quanto a resolução das imagens, tenho como controlar isso? Está ficando com baixa resolução.

      Abraços!
      Eder Prado

      Reply
      1. Marcelo Torres Autor do post

        Então cara realmente as imagens estão sendo recortada no valor padrão da função imagejpeg(), que é 75(se eu não me engano), esse fim de semana irei liberar uma atualização que corrige isso(alem de outras coisas).

        Já aproveito e peço sua opinião, você acha melhor definir como 100 a qualidade ou deixar uma campo para o usuario decidir qual valor colocar?

        Abraços

        Reply
        1. Eder

          Marcelão,

          Legal, vou esperar a atualização para botar no site do cliente e fazer minha primeira doação.

          Eu acho mais que interessante deixar a caixinha de porcentagem para o pessoal escolher a qualidade da imagem.

          Hoje eu acho que essa imagem está com no máximo 50% de qualidade.

          Abraços!

          Reply
    13. André Silva

      Olá sou novato no WP, comigo funcionou
      normalmente na home como eu estava pretendento. Mas estou com uma dúvida, desculpa se ela é primária…
      O Slide só está funcionando em POSTs, caso eu tente utilizar uma PÁGINA ESTÁTICA como index nada acontece.
      Por favor me tire essa duvida esse ou qualquer plugin tem alguma restrição em página estática?

      Reply
      1. Marcelo Torres Autor do post

        Olá André, não sei como você pretende usar o slider, mas já que quer colocar para ser visualizado em todas as paginas coloque dentro do arquivo header.php, se só está fucionando em posts possivelmente você colocou apenas no arquivo single.php.

        Reply
        1. André Silva

          Oi Marcelo, obrigado pelo retorno.
          Pretendo rodar o slide SÓ NA PÀGINA PRINCIPAL e COMO ESTÁTICA.
          Colei o código na index do template.
          No entanto o slide só aparece se eu setar nas configurações/leitura como um POST.
          O que eu quero dizer é que INDEX + página estática setada nao está funcionando.
          Ainda estou investigando, se eu descobrir minha “barbeiragem” retorno.
          []

          Reply
    14. Pingback: Nivo Slider For WordPress 0.3.2 | Marcelo Torres

    15. Felipe

      Olá Marcelo, queria saber qual seria o script para abrir esse slider dentro de uma página, como o abaut por exemplo. Porque consegui instalar ele no header e em outros mas não instalar ele no html de uma página ou post. teria como fazer isso?

      Reply
    16. Flávia

      Primeiramente, parabéns pela iniciativa.
      Eu não entendo muito de programação, fiz conforme foi descrito aqui, e no local onde era para aparecer os slides, fica como se tivesse carregando..
      e não mostra imagens. o que posso ter feito de errado?
      precisa de outro plugin para rodar?
      Agradecida

      Reply
      1. Marcelo Torres Autor do post

        Olá Flavia, deve estar dando conflito com outro plugin, tente desativar alguns plugins e faça o teste denovo, e tembém tente carregar o plugin no “header” ao inves do “footer”

        Reply
    17. Vitor Carvalho

      Cara Parabéns pelo Plugin, estou usando em meu site e estou muito satisfeito, porem com uma duvida, gostaria que as imagens do plugin ficassem passando apenas na página inicial, tem como configurar o plugin para que isso aconteça e não em todas as páginas como é atualmente?

      Reply
    18. Flávia

      Olá Marcelo, desculpe estar te enchendo.. rs
      Desativei todos os meus outros plugins e carreguei este em Head. Mas mesmo assim não deu certo. Fica somente no loading.
      Tem alguma outra coisa que possa tentar??
      Estou colocando o código em Index.php, debaixo da div art-content. Ta certo?

      Obrigada mais uma vez..

      Reply
      1. Marcelo Torres Autor do post

        Flavia, é dificil eu te ajudar sem ve o codigo-fonte do seu tema, mas isso parece ser conflito de JQuery, terá que verificar se os javascript que estão sendo carregado no seu tema estão em modo noConflict. Procure pela função wp_head() e tente carregar acima de todos os outros script padrão do tema.

        Reply
      2. Juliana Watanabe

        Olá Flavia, eu estava com o mesmo problema. Enfim, descobri que após adicionar a barra do cat-us o slide não aparecia. Depois que eu retirei voltou a funcionar normalmente.
        Espero ter ajudado,
        Abraço

        Reply
    19. Willy

      fala marcelo!
      teu script é 10, uso ele em todos os meus trampos.. mas uma coisa que reparei soh agora é que qualquer nivel de usuario pode editar o slider… qualquer assinante do site pode ver alem do painel e perfil, o plugin e editar o slide.. como podemos arrumar isso deixando somente acessivel para administrador?

      Reply
    20. Wander

      Caros amigos,
      há aproximadamente 3 meses fui apresentado ao NIVO e gostei muito da sua apresentação, porém desde então tenho tentado , sem sucesso, inserir no meu blog em wordpress.

      Quero montar meu blog com uma página principal que conterá um slideshow(NIVO), uma galeria de fotos, um video principal (randômico) tudo isso baseado no site http://www.pibjardimolimpo.com.br.

      A minha dificuldade é que se eu coloco o NIVO na página (page.php) ele aparece em todas as outras página se coloco no index.php ele só aparece quando eu mudo o mode de leitura para apresentar os posts recentes ao invés de uma página principal.
      Nessa brincadeira acabei estragando meu tema (vou ajeitar depois)

      Alguém pode me ajudar???
      Meu site vai ficar em http://www.narabia.com.br.

      Abraços!!

      Obs. Pensei em fazer uma função em php para exibir o NIVO (que poderá ser inserido em page.php), somente quando o post por = 2 (que é a ID da página principal do site) mas não sei como fazer.

      espero que tenham entendido!!!

      Reply
      1. Marcelo Torres Autor do post

        Olá Wander,

        Para que o Nivo Slider apareça só na pagina inicial use a função – is_front_page();, ou sejá, o codigo terá que ficar assim:

        if( is_front_page())
        {
        if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show(); }
        }

        Reply
    21. Pingback: 5 plugins JQuery para slider de imagens | Marcelo Torres

    22. Wander

      Galera por favor me ajudem

      Tenho um site (narabia.com.br) Já coloquei isso em outro comentário rsrsrs

      o problema é o seguinte, não consigo colocar o Nivo para aparecer apenas na pagina inicial do site. Por mais que eu tente ele aparece apenas nas páginas de posts e meu site possui uma PÁGINA comum na home.

      Reply
    23. Wander

      Marcelão,

      consegui colocar pra funcionar PARCIALMENTE. coloquei o código no arquivo page.php. Agora aparece somente na página principal.

      usei o código

      if (is_front_page()) {nivoslider4wp_show();}

      dentro da tag PHP

      porém funciona somente quando o plugin está ativo, quando desativo o plugin ele deixa de exibir e mostra um erro.

      Tem como ajeitar isso???

      Reply
      1. Marcelo Torres Autor do post

        sim coloca do jeito que tinha lhe falado antes:
        if( is_front_page())
        {
        if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show(); }
        }
        Se o plugin não estiver ativo não exibirá nada, nem mensagem de erro.

        Reply
    24. Wander

      Marcelão consegui!!

      Fiz uma pequena correção no código que você me passou. Do jeito que ele estava não aparecia em lugar nenhum rsrsrsrs.

      o código modificado ficou assim:

      A diferença está no inicio e fechamento do comando {} que eu tirei.

      Reply
    25. Wander

      Marcelão consegui!!

      Fiz uma pequena correção no código que você me passou. Do jeito que ele estava não aparecia em lugar nenhum rsrsrsrs.

      o código modificado ficou assim:

      if (is_front_page()) if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show();}

      A diferença está no inicio e fechamento do comando {} que eu tirei.

      Reply
    26. Jeanne

      Love the plugin – very intuitive! However, I have one problem. My drop down menus in my navigation do not work when I have the plugin installed. They work fine when the plugin is not installed. Any ideas? Thanks, and the plugin is very useful!!

      Reply
    27. Pat

      Oi, Marcelo!

      Parabéns pelo plugin! É fácil de configurar, fiquei feliz em conseguir usá-lo no site. Eu tenho uma dúvida: eu não consigo ativar os bullets. Pode ser conflito? O plugin está funcionando redondinho, só esta opção que não consigo ativar.

      Reply
    28. Thiago Miota

      Olá Marcelo!

      Estou desenvolvendo um site no wordpress e estou utilizando seu plugin para colocar o slider na home page.

      No entanto, ao colocar, os elementos da página fica em cima do slider. Por favor, existe uma maneira de fazer isso?

      Já tentei utilizar os comandos float e clear sem sucesso. Caso queira, posso enviar os arquivos para você ou fornecer a senha do admin.

      Abraço

      Reply
    29. Leandro Santos

      Cara Parabéns pelo o plugin, ficou show de bola, muito bom mesmo, antes fazia na mão usando os scripts jquery do nivo-slider, com o seu plugin ficou bem mais prático.

      Agora surgiu uma dúvida? Como faço para habilitar o plugin plugin, usando com categorias, exemplo, na página inicial vou ter um os destaques principais, mais na página de esporte quero apenas as imagens relacionadas a esporte, é possível fazer com esse plugin? De forma que ele fique gerenciável por categorias? Fico no aguardo, mais deste já agradecemos pela grande colaboração.

      Reply
    30. Allan Jhones

      Cara, parabéns e muito obrigado por existirem pessoas como você que nos ajudam, estava com um problemaço na instalação, estava colando a linha que chamava o slide em functions.php e nada acontecia, além de colar no final do script onde já se encerrava o código(deu pra perceber que nao conheço muito de programação né) pois então lendo e relendo vi como utilizar o código corretamente. e fico grato cara pelo seu trabalho. parabéns mais uma vez e muito obrigado.

      Reply
    31. Allan Jhones

      Cara venho lhe solicitar somente uma questão, como fazer para que o slide aparece apenas na página inicial, uso o wordpress como gerador de sites estáticos, colei a linha no final da head.php e agora aparece em todas as páginas como fazer?

      Reply
      1. Wander

        Allan meu filho veja se essa solução resolve o seu problema…

        Obs. Não esqueça de colocar a tag de abertura e fechamento do php

        if (is_front_page()) if (function_exists(‘nivoslider4wp_show’)) { nivoslider4wp_show();}

        Reply
    32. Thiago Lopes

      Marcelo está ficando muito bom!

      Achei dois erros, 1 eu consegui resolver e até vi aqui que tem outras pessoas que estão com esse mesmo erro.
      1. O bullets não aparece. (Está faltando o CSS do bullets).

      /* Tweak this to center bullets */
      }
      .nivo-controlNav a {
      display:block;
      width:22px;
      height:22px;
      background:url(images/bullets.png) no-repeat;
      text-indent:-9999px;
      border:0;
      margin-right:3px;
      float:left;
      }
      .nivo-controlNav a.active {
      background-position:0 -22px;
      }

      2. Quando vou subir uma imagem, no meu caso de 1920px de largura, está setado o tamanho certo pra dar o CROP e também setado em 100% a qualidade da imagem, só que a imagem estoura muito. Parece que ela da um resize pra um tamanho menor ai no crop ele da resize pra 1920px de novo. Alguém sabe como resolver?

      Reply
      1. Thiago Lopes

        .nivo-controlNav {
        position:absolute;
        left:50%;
        bottom:-42px;
        margin-left:-40px;
        }
        .nivo-controlNav a {
        display:block;
        width:22px;
        height:22px;
        background:url(images/bullets.png) no-repeat;
        text-indent:-9999px;
        border:0;
        margin-right:3px;
        float:left;
        }
        .nivo-controlNav a.active {
        background-position:0 -22px;
        }

        Reply
    33. isydee

      Hi, very nice plugin.

      Can be possible add a new option to have “_BLANK” attribute so we can open the link in a new window?

      Thanks.

      Reply
    34. Maria Fernanda

      Oi Marcelo

      Sou totalmente novata em desenvolvimento de sites e gostei muito do plugin que vc desenvolveu. Os demos dele são fantásticos.

      Agora, eu estou com muuuitas dúvidas….onde colo o código if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }? Em que parte do meu template? Já tentei colar no header.php, no index.php, mas nada acontece. Não sei se estou colando na linha errada? Desculpa se essas dúvidas parecerem muito ignorantes.

      Como ainda estou num estágio bem inicial, to experimentando os plugins no tema padrão do WordPress (twenty-eleven).

      Preciso criar uma div para o slider no style.css?

      Vc pode me ajudar?

      Obrigada!

      Reply
    35. Rafael Loureiro

      Boas, gostaria como poder colocar o slide show centrado obrigado. Fora disto tenho mais dificuldades a trabalha com WordPresss

      Gostaria que me ajuda se obrigdo

      Reply
    36. Rafael Loureiro

      Boas, tive um problema com seu sidle show, porque com a resulucao de 1024 width 350 height nao aparece as setas para clicr para mudar de foto

      Reply
    37. Walter Jaworski

      Olá amigo.
      Em primeiro lugar, quero parabenizá-lo pelo excelente plugin, é uma mão na roda.

      Agora vem a dúvida, rs. Por que os “bullets” não funcionam? Habilitei ele no admin e no css do plugin reparei que não tem nada a respeito dos bullets. Poderia me ajudar?

      Obrigado

      Reply
    38. Anderson

      Marcelo, funcionou perfeitinho. No meu caso usei o js no header pq antes fica apenas carregando.

      Recado ao pessoal com dificuldade: Antes de perguntar consulte as respostas já dadas, é impossível não funcionar, até vídeo explicativo o cara fez, pessoal muito preguiçoso quer tudo na unha!

      No mais o plugin é show!!

      Reply
    39. Terry

      DO NOT USE THIS PLUGIN!!!

      Even for a WordPress plugin, it is written pretty horribly. Had so many issues because this plugin has a jQuery include hard-coded, and it calls jQuery.noConflict() which unbinds $ and breaks every other piece of js that relies on jQuery

      Reply
    40. Bruno Renato

      Gostaria de saber onde se configura o target=”blank” pra quando se clicar em um dos slides ir para uma nova aba, em qual arquivo deve ser feito essa modificação?

      Reply
    41. Russell

      I am using the Nivo Slider and all the images show up on the page so the animation is not being implemented and all the images show an order of “0”. Any ideas?

      Reply
    42. Adriano

      Opa, Marcelo… mto bom o plugin!

      Só tá dando um lance estranho aqui… na transição das imagens (em qq efeito) as imagens tão sumindo abruptamente, oq dá sensação d piscarem. Alguma ideia d como solucionar isso?

      Vlw

      Reply
    43. ander

      Hi, first of all thank you for your great job in this plugin.

      I write to you to notice that plugin crashes with de new version of wordpress 3.3

      If you know the solution, please answer me.

      Thanks and best regards,

      Reply
        1. Ander

          When you want to upload an Image the plugin reports this error: Call to undefined function imagecreatefromjpeg() in /home/bakiocat/public_html/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 60

          I Tested the plugin in different blogs… and the same error.

          Thanks and best regards,

          Reply
    44. Juniior

      Marcelo, plugin excelente que você montou!
      Mais cara, ta dando um BUG com a nova versão do WordPress (3.3).
      Não esta mais criando as imagens quando se faz os uploads delas! ficando como link quebrado!
      Alguma solução?

      Reply
      1. Juniior

        Acabei de fazer mais testes aqui, não é a verção do WordPress, mais sim com os “Links Permanentes”. Sabe de alguma solução, para continuar com os Links Permanentes?

        Reply
    45. Jan Heber

      Hi Marcelo,

      thanks for the nice nivo slider!
      I have one short question.
      I try to figure out how i can add an _blank link on an image. Not for all just for one image.
      I cant find the path where the link is defined.
      Do you have a short tip for me!

      Thanks a lot, Jan

      Reply
    46. Jonatas Ramon

      Olá Marcelo esse plugin é incrível porem está me causando um probleminha, quando eu vou adicionar fotos no slide aparece o seguinte:

      “Warning : The permissions to the directory /home/choosede/public_html//wp-content/uploads/nivoslider4wp_files/ are invalid. Set them to 777 to be able to upload files.”

      o que faço para que isso não apareça? Me ajude estou precisando do plugin urgente. Obrigado

      Reply
    47. Leandro de Brito

      Olá Marcelo, parabéns pelo plug-in ele é muito bom mesmo. Mas estou tendo um problema ao instala-lo, aparece a seguinte mensagem;

      “Não foi possível ativar o plugin porque ele gerou um erro fatal. Warning: require_once(/services/websiteos/wordpress/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-show.php) [function.require-once]: failed to open stream: No such file or directory in /services2/webpages/util/i/g/ig7434317.igvantagens.com.br/cinesplendor.com.br/public/wordpress/wordpress-content/plugins/nivo-slider-for-wordpress/nivoslider4wp.php on line 208

      Fatal error: require_once() [function.require]: Failed opening required ‘/services/websiteos/wordpress/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-show.php’ (include_path=’.’) in /services2/webpages/util/i/g/ig7434317.igvantagens.com.br/cinesplendor.com.br/public/wordpress/wordpress-content/plugins/nivo-slider-for-wordpress/nivoslider4wp.php on line 208″

      Poderia me ajudar?

      Reply
    48. Harris

      Im really sorry i dont speak Portuguese i managed to use google translator to translated this blog….Im getting stuck on navigation bullets…i checked the zip and there is no bullets.png so i created one and uploaded it but it still doesnt work here is my code…./* The Nivo Slider styles */
      #slider {
      position:relative;
      background:url(images/loading.gif) no-repeat 50% 50%;
      }
      #slider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
      }
      #slider a {
      border:0;
      display:block;
      }
      .nivoSlider {
      position:relative;
      width:600px;
      background:url(images/loading.gif) no-repeat 50% 50%;
      }
      .nivoSlider img {
      position:absolute;
      top:0px;
      left:0px;
      }
      /* If an image is wrapped in a link */
      .nivoSlider a.nivo-imageLink {
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border:0;
      padding:0;
      margin:0;
      z-index:6;
      display:none;
      }
      /* The slices and boxes in the Slider */
      .nivo-slice {
      display:block;
      position:absolute;
      z-index:5;
      height:100%;
      }
      .nivo-box {
      display:block;
      position:absolute;
      z-index:5;
      }
      /* Caption styles */
      .nivo-caption {
      position:absolute;
      left:0px;
      bottom:0px;
      background:#000;
      color:#fff;
      width:100%;
      z-index:89;
      padding:15px 0;
      }
      .nivo-caption p {
      padding:0 20px;
      margin:0;
      font-size:14px;
      }
      .nivo-caption a {
      display:inline !important;
      }
      .nivo-html-caption {
      display:none;
      }
      /* Direction nav styles (e.g. Next & Prev) */
      .nivo-directionNav a {
      position:absolute;
      top:45%;
      z-index:99;
      cursor:pointer;
      }
      .nivo-prevNav {
      left:0px;
      }
      .nivo-nextNav {
      right:0px;
      }
      /*============================*/
      /*=== Custom Slider Styles ===*/
      /*============================*/
      .slider {
      width:100%;
      }
      .slider img {
      position:absolute;
      top:0px;
      left:0px;
      display:none;
      }
      .slider a {
      border:0;
      display:block;
      }

      .nivo-controlNav {
      display:none;
      }.nivo-controlNav {
      position:absolute;
      left:50%;
      bottom:-42px;
      margin-left:-40px;
      }
      .nivo-controlNav a {
      display:block;
      width:22px;
      height:22px;
      background:url(images/bullets.png) no-repeat;
      text-indent:-9999px;
      border:0;
      margin-right:3px;
      float:left;
      }
      .nivo-controlNav a.active {
      background-position:0 -22px;
      }

      .nivo-directionNav a {
      display:block;
      width:31px;
      height:34px;
      background:url(images/arrows.png) no-repeat;
      text-indent:-9999px;
      border:0;
      }
      a.nivo-nextNav {
      background-position:-30px 0;
      right:15px;
      }
      a.nivo-prevNav {
      left:15px;
      }

      .nivo-caption {
      font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;
      }
      .nivo-caption a {
      color:#efe9d1;
      text-decoration:underline;
      }
      Thank you soo much
      It a great plugin keep the good work up
      harris

      Reply
    49. Mozzilli

      Bom dia Marcelo, preciso urgentemente que o meu Nivo Slider volte a funcionar, ele funcionava bem , mas arrumei o rodapé do meu site e ai ele só fica com a tela branco com o símbolo de carregar e não aparece mais nada, já tentei fazer o que você sugere, mas não deu certo. Por favor me ajude e se comunique comigo pelo meu e-mail, mozzilli@mozzilli.com. Se precisar ou quiser me mande seu telefone que eu ligo.Obrigado e aguardo contato. Mozzilli.

      Reply
    50. Walter Reis

      Gostaria de parabeniza-lo pelo plugin, estou com um problema ao carregar a imagem (upload), aparece o seguinte erro: Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 14028 bytes) in /home/storage/4/9b/a3/giuliannadigrassi/public_html/wp_new/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 128

      Olhei na pasta nivoslider4wp_files e os arquivos sobem normalmente, mas as imagens não aparecem na lista das fotos o erro está printado neste link http://img401.imageshack.us/img401/575/errornivo1.png

      Poderia por favor me ajudar?

      Reply
    51. harris

      Marcelo, I know that you are making an update so i would like to suggest if you can add a shadow to it also…and plz make it compatible for 3.0.5
      thank you
      harris

      Reply
    52. luis

      Marcelo, consegui fazer tudo certo , apenas não estou entendendo porque ao estar add imagens jpg, gif e png , mas sempre me retorna a mensagem:
      Sorry. Only JPG, GIF and PNG formats are supported…

      O que posso estar fazendo errado ::??
      As permissoes da pasta de content/uploads/nivo…… esta com controle total…

      abs..
      Luis

      Reply
    53. Claudia

      Hi Marcelo, I don’t speak Portuguese, but this an amazing plugin. Thank you for the hard work on it.

      I was wondering if there is a way to add a title to the caption area. I’ve been searching on the wp forum for this and couldn’t find anything, but I did found this thread http://wordpress.org/support/topic/plugin-nivo-slider-for-wordpress-update-nuked-my-slides?replies=3 which is worrying me now as it says on update the plugin touches the database. I’m new to wordpress so I was thinking if there is a way to not lose the images on update. I’m using WP 3.3.1 if it’s of any help.

      I would really appreciate your thoughts on this.
      Cheers,
      C.

      Reply
    54. Cla

      Pessoal, como que eu incluo subtitulos? Tem o incio e o about. Eu gostaria de incluir mais uns 4 ou 5. Logo embaixo do cabeçalho.

      Obrigada!

      Reply
    55. Rebeka

      Olá Marcelo, muito bom o seu plugin, parabéns … funcionou perfeitamente no IE, Firefox e no opera … porém no chrome as imagens estão piscando antes da transição … como eu corrijo isso ??

      Reply
        1. Rebeka

          Eu atualizei p/ essa versão e nada … funciona normalmente local com o wamp …. mas on line está dando esse probleminha no chrome … eu dei um pesquisada varias pessoas tem esse problema mas ngm dá uma solução para isso … eu vi em alguns blogs que tem q alterar o .htaccess mas é uma explicação muito vaga não sei se estou fazendo direito, pois até agora nada do que eu fiz funcionou …

          Segueum dos endereços que eu vi

          http://support.dev7studios.com/kb/nivo-slider-jquery-plugin/flashing-before-transitions-in-chrome

          Reply
            1. Marcelo Torres Autor do post

              Rebeka, mas esses links são do plugin dos desenvolvedores do NivoSlider e não do meu plugin, desculpa, mas você não está fazendo confusão?

    56. Rebeka

      Não, eu estou usando o seu plugin msmo, mas pesquisei de tudo p/ tentar resolver esse problema … postei o link só p/ ver se você tem alguma idéia pois o problema é semelhante ao desses links q eu te passei … ;D

      Reply
    57. Ander

      Hi Marcelo!! I wrote you before, 4 months ago, more or less.

      I wrote to notify a problem, that I have already solved.

      The plugin in version 0.3.3 (in my old hosting), when you try to upload an image, drop this error:

      Fatal error: Call to undefined function imagecreatefromjpeg() in /home/catral98/public_html/web/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 60

      But, 2 months ago, I changed my hosting to another company, and curiosly, in this hosting, the plugin works well..

      I dont know why, but its a little solution for more people.

      Thanks for such a great work!!

      best regards

      Reply
    58. Rodrigo

      Olá Marcelo,

      Muito simples seu pluguin. Parabéns, está me ajudando muito aqui, apenas uma observação, quando habilito “Mostrar a navegação por “bullets””, nada aparece, tentei ativar via css, mas sem sucesso, criei um imagem e inseri na propriedade background da seguihnte class:

      .nivo-controlNav { background:url(images/bullets.png);}

      que estava configrada como “display:none”,

      Apos isso, aparece os números,e a imagem “bullets.png” apenas no primeiro…

      Tem algum conselho nesse caso??

      Abraços e obrigado por ser um entusiasta wordpress,..rsrs

      Reply
    59. Ricardo

      Olá Marcelo,
      O plugin é muito bom e dá uma ótima aparência no site.
      Porém, estou com um pequeno problema:
      O template que utilizo no WP foi pago e já veio com tudo montado, só que ao inserir as fotos e ativar o slider, não aparecem as fotos e os efeitos. O que aparece no meu site é isto: http://diariodamulheronline.com.br.
      Mas o que deveria aparecer, seria isto: http://themeforest.net/item/advance-wordpress-magazinecommunity-blog-theme/full_screen_preview/1725191.
      O interessante é que o nivo não estava ativado. Assisti a seu tutorial e instalei. Aí que não acertei mesmo. Acredito que o problema seja com o template.
      Você pode me dizer o que há de errado?
      Grato

      Reply
        1. Ricardo

          bom dia companheiro,
          coloquei sim. no arquivo index.php, na segunda linha, como eu vi em seu video.
          Pergunto a você se a diferença por conta de versões o Nivo?
          Obrigado

          Reply
    60. Chris

      Hi Great plugin but i have one request that you set the admin priveledge something higher because anyone that registers and has just read priveledge can change the slider. This is bad for users!

      Thanks
      Chris

      Reply
    61. Edson Ney

      Boa tarde!
      Já usei o Nivo em alguns sites e acho sua funcionalidade muito bacana.
      Estou querendo utilizá-lo em um novo projeto, mas tenho um problema: a interface irá funcionar em várias resoluções prá atender diversos dispositivos, e não consigo deixá-lo com dimensões adaptáveis às diferentes resoluções.
      Alguém já passou por isso ou tem alguma solução?
      Um abraço!

      Reply
        1. Edson Ney

          Entendi Marcelo.
          É o que imaginava e é uma pena. Gosto muito do seu plugin, acho a interface do usuário muito bacana.
          Tentei fazer adaptações, mas por enquanto sem sucesso. Se alguma delas der certo eu envio os arquivos prá vc testar.
          Muito obrigado!
          Um abraço.

          Reply
        1. Patricia

          Pois é, existe, mas eu não estava conseguindo trabalhar ai instalei o plugin, uma funçao em cima da outra…

          Reply
        1. Moize

          Thanks for the reply.

          I tried to modify it myself to make it responsive. I thought it would be the CSS which turns it responsive but I think the JS file has something to do with it too.

          Do you plan on releasing a Responsive version? I love this plugin of yours over any other slider. But for the time being I will have to rely on other responsive sliders.

          Reply
    62. Carlos

      Hi Marcelo, i have a problem with the plugin. When i go to cut the images appear this error, and i cant do anything:

      Warning: getimagesize(/home/******/public_html//wp-content/uploads/nivoslider4wp_files/26_o.jpeg) [function.getimagesize]: failed to open stream: No such file or directory in /home/******/public_html/wp-content/plugins/nivo-slider-for-wordpress/nivoslider4wp-panel.php on line 164

      I try the beta version and i have the same problem.

      Thanks!

      Reply
    63. Juliana Watanabe

      olá Marcelo,
      Tudo bem?
      tenho o Nivo Slider instalado no meu blog, e eu gostaria que o slide ficasse fixo em todas as páginas, como eu faço isso? Onde eu preciso alterar/adicionar ?
      Obrigada

      Reply
    64. Daiana

      Olá. Adorei o plugin. Parabéns! E obrigada por ajudar.
      Como faço para colocar o caminho do post nas imagens?
      Eu queria que cada transição correspondesse a um post e levasse para a single. Tem como?

      Reply
    65. Guilherme Sardá Pinheiro

      Não estou conseguindo fazer o wordpress “puxar” este plugin.
      Estou digitando isso conforme orientado:

      mas não dá.
      Qual o modo correto? Obrigado!

      Reply
    66. Guilherme Sardá Pinheiro

      Não estou conseguindo fazer o wordpress “puxar” este plugin.
      Estou digitando isso conforme orientado:
      if (function_exists(nivoslider4wp_show())) { nivoslider4wp_show(); }

      mas não dá.
      Qual o modo correto? Obrigado!

      Reply
    67. Bruno Costa

      Bom dia, uso este plugin em vários sites. Porem percebi que há um pequeno erro nele, Quando instalamos o WordPress em uma URL diferente da URL do site o update da Table Drag and Drop para de funcionar. Para consertar é muito simples basta entrar no arquivo nivoslider4wp-panel.php e alterar na linha 326 de para .

      Assim esse tipo de erro é evitado. Por favor lembre disso na próxima atualização.

      Alias o plugin é muito bom.

      Reply
    68. João

      Marcelo, parabéns pelo plugin, realmente é muito bom.
      Gostaria de saber se é possível adicionar o plugin em páginas diferentes do site com imagens diferentes em cada página.

      Por exemplo: Na home, quero que mostre as páginas da categoria home
      em empresa, mostre imagens da categoria empresa.

      Teria que ter essa opçõe de categoria ao cadastrar e alterar o código php para chamar em cada página.

      É possível?

      Reply
    69. kelly

      Hello ~ The slider does not allow us to change the order of the items. I drag and drop, but on refresh they go back to where they were. I deactivate an item, then reactivate it, and it goes back to where it was. Please help. Thank you.

      Reply
    70. Rodrigo

      Olá, antes de mais nada parabéns pela iniciativa

      Gostaria de saber se você validou algum problema do seu pluguin com o Jquery.cycle ou mesmo alguma incompatibilidade com o pluguin superfish, meu templete usava esses pluguins para fazer o dorp down do menu superior, quando instalao o seu pluigin o drop down simplismente para de funcionar, alguma ideia do que seja?, já tentei chamar na mão as funçoes mas nada adiantou

      Reply
    71. Emily

      I really love this plugin! However, I just tried to install it on a new wordpress site, and I get this error when trying to upload images:

      The permissions to the directory /home/content/92/9263492/html/(myURL)//wp-content/uploads/nivoslider4wp_files/ are invalid. Set them to 777 to be able to upload files.

      I’ve tried doing this, but it still does not work. Any ideas on how I can get this to work? Thanks!

      Reply
    72. LUCAS

      OI marcelo! show demais o plugin!!! me tira uma duvida.
      eu preciso que a navegação dele seja por botões e não por setas.
      por exemplo: botão chama slide 1, botão chama slide 2, botão chama slide 3 … eles ficariam fixos embaixo das images e ao clicar sobre o botão, ele vai para o slide clicado. tem como eu adaptar o seu plugin para ele funcionar assim?

      Reply
    73. Simon

      Oi Marcelo, respondendo à dúvida da Rebeka lá em cima, para os que estão com problemas de imagem “piscando” antes das transições, basta baixar o .htaccess de seu servidor e inserir as linhas abaixo:

      # Cache images

      Header set Cache-Control “max-age=604800, public”
      Header unset Pragma

      Salve e suba o arquivo para o servidor sobrescrevendo o antigo. Com isso o tempo de expiramento das imagens é estendido. Isso deve resolver o problema de incompatibilidade que existe em plugins de slider Nivo nos navegadores Chrome.

      Abraços! ;D

      Reply
    74. Marcos

      Marcelo, blz? Estou usando dois sliders em meu site, um é esse nivo slider o outro é o skitter show, quando eu ativo o nivo o skitter para de funcionar, daria certo eu colocar só o nivo, na mesma página tem que ter dois sliders com tamanhos e efeitos diferentes, você pode me ajudar? agora se puder me passar um dica de como tirar esse conflito também fico agradecido

      Reply
    75. rafael neri

      opa bom dia, amigo preciso de ajuda instalei o plugin normal, ativei, mas quando coloquei o codigo na home, ficou aparecendo so uma imagem grande parada.? como faço?

      Reply
    76. Mindi

      Hi ! The plugin works great except the images are overlapping the header logo above them. Any suggestions on how to fix this? Thanks!

      Reply
    77. saimon

      Hi marcelo…
      i used your plugin…and it is really good…
      But the problem is that, i added 4 pics …but in action it shows up only one pic.
      where is the problem…..???

      Reply
    78. Joabe

      Marcelo estou com poblemas usando seu plugin , as imagens ficam uma em baixo da outra , nao como slider.
      estou utlizando o bootstrap para o meu layout.

      Reply
    79. Marcelo

      Marcelo, boa noite. Eu tenho o wp com o tema twenty eleven. Gostaria do substituir as fotos padões que mudam a medida que você navega por fotos minhas escolhidas por mim. Isso é possível?
      Grato

      Marcelo

      Reply
    80. Martin Dale

      Hi, i love your nivo slider for wordpress, but it creates a bug where the crop handles to edit avatars in the user profiles do not show up. So users can not edit their avatars. Any help would be awesome.

      Thanks.

      Reply
    81. Pingback: Simple Responsive Slider » Marcelo Torres

    82. William

      Plugin excelente, sem dúvidas. Mas assim, estou com um problema, cara!
      Instalei e ativei o plugin, mas não consigo visualizar no painel de controle do wordpress a parte de adicionar imagens. No site, o banner fica carregando, mas não consegui upar nada ainda.
      Onde pode estar o problema?
      Valeuu!

      Reply
    83. Rodrigo Casttro

      Boa tarde Marcelo, tudo bom? Parabéns pelo plugin. Estou utilizando o seu plugin em um site, e está funcionando 99% certo. A única coisa que não consigo utilizar é o link das imagens. O link é inserido normalmente. Na hora de testar o link lá na home, não funciona. Eu só instalei o plugin e colei o código onde preciso que apareça, mais nada. Sabes o que pode estar acontecendo? Grande abraço!

      Reply
    84. Pingback: Untitled Document

    85. Pingback: 19 Plugins WordPress testados e recomendados - Hospedagem de Sites

    Deixe uma resposta

    O seu endereço de email não será publicado Campos obrigatórios são marcados *

    Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">