Código slide

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

Resolvido Código slide

Mensagem por Uatyla em 07/09/13, 01:19 pm

Qual é minha questão:
Boa tarde senhores!
Abri um tópico e me interpretaram mau.

Eu gostaria de saber si existe algum código que funcione como slide de fotos, aqui na forumeiros semelhante este do widget top5.
si tiver pode fornecer o tutorial?

Endereço do meu fórum:
http://vidadeaquarista.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por uatyla em 08/09/13, 10:10 am, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Código slide

Mensagem por First em 07/09/13, 03:29 pm

avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Código slide

Mensagem por Uatyla em 07/09/13, 06:43 pm

Esse aqui http://ajuda.forumeiros.com/t73793-tutorial-slidebar-com-imagens  funcionou de certa forma! Porem não entendi o efeito do mesmo ele tem espaço para 12 imagens porem só aparece 4, é possivel que o efeito slide esteja bugado?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Código slide

Mensagem por Sking em 07/09/13, 07:31 pm

Olá,

De certa forma você está colocando o código errado.

Até mais!

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Código slide

Mensagem por First em 07/09/13, 09:01 pm

Olá,

Senhor, segue os passos do tutorial, mais troque o código por este:
Código:
<link rel="stylesheet" type="text/css"
    href="http://jquerytools.org/media/css/scrollable-horizontal.css" />
<link rel="stylesheet" type="text/css"
    href="http://jquerytools.org/media/css/scrollable-buttons.css" />
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<!-- HTML structures --><div style="margin:0 auto; width: 634px; height:120px;">
<!-- "previous page" action -->
<a class="prev browse left"></a>

<!-- root element for scrollable --><div class="scrollable" id="scrollable">

<!-- root element for the items -->
<div class="items">

  <!-- grupo 1 -->
<div>
   <a href="LINK_1"><img src="IMAGEM_1" title="TITULO_1" /></a>
   <a href="LINK_2"><img src="IMAGEM_2" title="TITULO_2" /></a>
   <a href="LINK_3"><img src="IMAGEM_3" title="TITULO_3" /></a>
   <a href="LINK_4"><img src="IMAGEM_4" title="TITULO_4" /></a>
</div>
<!--Fim do grupo 1-->

</div>

</div>

<!-- "next page" action -->
<a class="next browse right"></a>
</div>
<!-- javascript coding -->
<script>
jQuery(function() {
// initialize scrollable
jQuery(".scrollable").scrollable();
});
</script>

Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Código slide

Mensagem por Uatyla em 08/09/13, 01:27 am

Perdão pela demora, até aqui eu já tinha feito, só demorei de responde pois tive que fazer outras coisas.

é possivel aumentar o espaço das imagens? o espaço ficou muito pequeno, tentei editar porém não obtive sucesso.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Código slide

Mensagem por Uatyla em 08/09/13, 10:10 am

Bom dia senhores!
Eu conseguir um novo código que funcionou muito bem, podem fechar o tópico.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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