Slidebar com imagens

4 participantes

Ir para baixo

Tópico resolvido Slidebar com imagens

Mensagem por Pattricia 26.07.15 18:59

Olá!
Coloquei o widget de "Slidebar com imagens" e não está funcionando corretamente:

Slidebar com imagens Ipnw8z

O resultado era para ser este:

Slidebar com imagens Sld

O tutorial que segui foi esse: https://ajuda.forumeiros.com/t73793-tutorial-slidebar-com-imagens
Meu fórum: http://winxclubfairies.forumeiros.com/
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por Pattricia 27.07.15 21:19

Up
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por Sennior 27.07.15 21:23

Saudações,

Por gentileza, ative o código em seu fórum?
É bom ver o erro ativo no fórum.

Até mais.
Sennior
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por Pattricia 27.07.15 21:25

Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por RafaelS. 28.07.15 13:55

Olá!

Pedimos desculpa, mas isso é porquê os códigos responsáveis pela personalização não se encontram mais disponíveis. Como eles trocaram de domínio, o código novo seria esse:

Código:
   
      <link rel="stylesheet" type="text/css"
          href="http://jquerytools.github.io/media/css/scrollable-horizontal.css" />
    <link rel="stylesheet" type="text/css"
          href="http://jquerytools.github.io/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-->
        <!-- grupo 2 -->
        <div>
              <a href="LINK_5"><img src="IMAGEM_5" title="TITULO_5" /></a>
            <a href="LINK_6"><img src="IMAGEM_6" title="TITULO_6" /></a>
      <a href="LINK_7"><img src="IMAGEM_7" title="TITULO_7" /></a>
            <a href="LINK_8"><img src="IMAGEM_8" title="TITULO_8" /></a>
        </div>
    <!--  fim do grupo 2 -->
        <!-- grupo 3 -->
        <div>
                <a href="LINK_9"><img src="IMAGEM_9" title="TITULO_9" /></a>
            <a href="LINK_10"><img src="IMAGEM_10" title="TITULO_10" /></a>
      <a href="LINK_10"><img src="IMAGEM_10" title="TITULO_10" /></a>
            <a href="LINK_10"><img src="IMAGEM_10" title="TITULO_10" /></a>
        </div>
    <!-- fim do grupo 3 -->

    <!-- Adicione aqui mais códigos-->

      </div>

    </div>

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

Irei me responsabilizar para que o tutorial seja corrigido. Piscada

Atenciosamente.


avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por Pattricia 28.07.15 14:22

As setas não estão aparecendo Triste
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por RafaelS. 28.07.15 14:34

Olá!

Troque o código por este, só falta colocar os links Piscada

Código:
     
          <link rel="stylesheet" type="text/css"
              href="http://jquerytools.github.io/media/css/scrollable-horizontal.css" />
        <link rel="stylesheet" type="text/css"
              href="http://jquerytools.github.io/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="http://www.jogosdemeninas123.com/content/icons/winx-club-mermaid-layla-icon-1.jpg" title="TITULO_1" /></a>
                <a href="LINK_2"><img src="http://winxclub-games.com/games/images/kiko_winx_club_adventure.png" title="TITULO_2" /></a>
            <a href="LINK_3"><img src="http://www.bashbang.com/media/images/projects/winxmagixmaze_main.jpg" title="TITULO_3" /></a>
                <a href="LINK_4"><img src="http://www.winxhry.cz/data/attacktomagix.jpg" title="TITULO_4" /></a>
            </div>

        <!-- Adicione aqui mais códigos-->

          </div>

        </div>

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

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por Pattricia 28.07.15 14:37

Acabo de colocar mais grupos de imagens, assim resolveu. Pode fechar o tópico.
Pattricia
Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Slidebar com imagens

Mensagem por Fraise 28.07.15 14:57

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

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