Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Lost154
 
Shek
 
ranzatti
 
Eduardo Lima
 
cocas20
 

Quem está conectado
259 usuários online :: 12 usuários cadastrados, 1 Invisível e 246 Visitantes :: 2 Motores de busca

banzé, Deimon_Phoenix, Guzonaro, Holkis, iScroll, juleic1123, Koizumi Bia, Lincoln, Lost154, Luiz, nelomota, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Dificuldade de instalar Slider de conteúdo.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Dificuldade de instalar Slider de conteúdo.

Mensagem por Lemon~ em 11/08/16, 09:24 pm

Detalhes da questão


Endereço do fórum: pivot5.forumeiros.com
Versão do fórum: PunBB

Descrição


Este é o código JQuery aplicado em: Módulos > HTML & JavaScript : Gestão dos códigos JavaScript
Com aplicação somente na página inicial.
Código:
$(document).ready(function(){
  $('.slider').bxSlider({
    mode: 'vertical',
    slideWidth: 305,
    minSlides: 2,
    slideMargin: 10
  });
});

Este é o código html aplicado em: Visualização > Página Inicial : Geral
Código:
<div class="slider">
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar1"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar2"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar3"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar4"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar5"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar6"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar7"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar8"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar9"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar10"></div>
</div>

infelizmente o código JQuery não surtiu efeito, alguém poderia me ajudar?
avatar

Lemon~
Nível 5

Masculino
Inscrito dia : 05/10/2015
Mensagens : 36
Pontos Ativos : 67

Ver perfil do usuário http://pivot5.forumeiros.com/

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Fraise em 11/08/16, 09:37 pm

Olá!

Por gentileza, leia este tópico:
Seta http://ajuda.forumeiros.com/t98820-

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Lemon~ em 11/08/16, 10:03 pm

Eu já tinha conhecimento deste tópico, entretanto, eu gostaria que o slider não fosse automático ou seja, que o usuário passasse entre os slides apenas quando bem entendesse.
avatar

Lemon~
Nível 5

Masculino
Inscrito dia : 05/10/2015
Mensagens : 36
Pontos Ativos : 67

Ver perfil do usuário http://pivot5.forumeiros.com/

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Fraise em 11/08/16, 10:14 pm

Mas... você teria um exemplo de a qual slide se refere? Sem ser o que postou no tópico. Caso tenha, nos passe o link.

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Lemon~ em 11/08/16, 10:20 pm

Bom, esta página: http://bxslider.com/examples/carousel-demystified
Tem vários exemplos, inclusive o ultimo exemplo é o mostrado no tópico.
avatar

Lemon~
Nível 5

Masculino
Inscrito dia : 05/10/2015
Mensagens : 36
Pontos Ativos : 67

Ver perfil do usuário http://pivot5.forumeiros.com/

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Fraise em 11/08/16, 10:26 pm

Okay! Remova o JS e e utilize somente o código na página inicial:
Código:
  <script src="http://bxslider.com/js/jquery.min.js"></script>
  <script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
  <script src="http://bxslider.com/js/rainbow.min.js"></script>
  <script src="http://bxslider.com/js/scripts.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('.slider8').bxSlider({
    mode: 'vertical',
    slideWidth: 300,
    minSlides: 2,
    slideMargin: 10
  });
});
</script>

<div class="slider8">
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar1"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar2"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar3"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar4"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar5"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar6"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar7"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar8"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar9"></div>
  <div class="slide"><img src="http://placehold.it/300x100&text=FooBar10"></div>
</div>

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Lemon~ em 11/08/16, 11:12 pm

Boa noite, infelizmente o código não funcionou.
avatar

Lemon~
Nível 5

Masculino
Inscrito dia : 05/10/2015
Mensagens : 36
Pontos Ativos : 67

Ver perfil do usuário http://pivot5.forumeiros.com/

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Fraise em 11/08/16, 11:18 pm

Acho que é desta! Eu testei agora e está tudo certíssimo. Cá está:
Código:
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/styles.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/github.css" type="text/css" />
<script src="http://bxslider.com/js/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script src="http://bxslider.com/js/rainbow.min.js"></script>
<script src="http://bxslider.com/js/scripts.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.slider8').bxSlider({
            mode: 'vertical',
            slideWidth: 300,
            minSlides: 2,
            slideMargin: 10
        });
    });
</script>

<div class="slider8">
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar1"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar2"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar3"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar4"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar5"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar6"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar7"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar8"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar9"></div>
    <div class="slide"><img src="http://placehold.it/300x100&text=FooBar10"></div>
</div>

Ficará algo assim:

Seta http://image.prntscr.com/image/e5b38369ac2b4a9b9b7b15874b8b086d.png

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Lemon~ em 11/08/16, 11:38 pm

O código funcionou, mas infelizmente está desestruturando o css dá página do fórum. O texto aumentou de tamanho. a algumas coisas ficaram desalinhadas.
Mas pode deixar que daqui eu resolvo, obrigado pela ajuda!!
avatar

Lemon~
Nível 5

Masculino
Inscrito dia : 05/10/2015
Mensagens : 36
Pontos Ativos : 67

Ver perfil do usuário http://pivot5.forumeiros.com/

Resolvido Re: Dificuldade de instalar Slider de conteúdo.

Mensagem por Fraise em 11/08/16, 11:40 pm

Tudo certo! Qualquer coisa é só criar um tópico.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum