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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
GollD
 
lavinnia
 
Harold C+
 
juleic1123
 

Quem está conectado
98 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 90 Visitantes :: 3 Motores de busca

-xGabriel.., Cream, Holkis, idarkdg, juleic1123, luuuiiiz, Shek, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 12 Ago 2016 - 1:24

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?

Lemon~
Nível 3

Masculino
Inscrito dia : 06/10/2015
Mensagens : 23
Pontos Ativos : 399

http://pivot5.forumeiros.com/

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

Mensagem por Fraise em Sex 12 Ago 2016 - 1:37

Olá!

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

Atenciosamente,
Fraise.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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

Mensagem por Lemon~ em Sex 12 Ago 2016 - 2:03

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.

Lemon~
Nível 3

Masculino
Inscrito dia : 06/10/2015
Mensagens : 23
Pontos Ativos : 399

http://pivot5.forumeiros.com/

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

Mensagem por Fraise em Sex 12 Ago 2016 - 2:14

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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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

Mensagem por Lemon~ em Sex 12 Ago 2016 - 2:20

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

Lemon~
Nível 3

Masculino
Inscrito dia : 06/10/2015
Mensagens : 23
Pontos Ativos : 399

http://pivot5.forumeiros.com/

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

Mensagem por Fraise em Sex 12 Ago 2016 - 2:26

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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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

Mensagem por Lemon~ em Sex 12 Ago 2016 - 3:12

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

Lemon~
Nível 3

Masculino
Inscrito dia : 06/10/2015
Mensagens : 23
Pontos Ativos : 399

http://pivot5.forumeiros.com/

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

Mensagem por Fraise em Sex 12 Ago 2016 - 3:18

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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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

Mensagem por Lemon~ em Sex 12 Ago 2016 - 3:38

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!!

Lemon~
Nível 3

Masculino
Inscrito dia : 06/10/2015
Mensagens : 23
Pontos Ativos : 399

http://pivot5.forumeiros.com/

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

Mensagem por Fraise em Sex 12 Ago 2016 - 3:40

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5