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:

178 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

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="">