Código slide Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Código slide

3 participantes

Ir para baixo

Tópico resolvido Código slide

Mensagem por Uatyla 07.09.13 17:19

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 14:10, editado 1 vez(es)
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Código slide

Mensagem por First 07.09.13 19:29

First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código slide

Mensagem por Uatyla 07.09.13 22:43

Esse aqui https://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?
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Código slide

Mensagem por Sking 07.09.13 23:31

Olá,

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

Até mais!
avatar
Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Código slide

Mensagem por First 08.09.13 1:01

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.
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código slide

Mensagem por Uatyla 08.09.13 5:27

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.
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Código slide

Mensagem por Uatyla 08.09.13 14:10

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

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos