Simplificar código Javascript

3 participantes

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

Tópico resolvido Simplificar código Javascript

Mensagem por Connor R. 17.02.17 18:36

Detalhes da questão


Endereço do fórum: http://somosmugiwara.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá manolos, observe o código abaixo.
Gostaria de saber se tem como deixar a instalação de mais itens mais fácil, pois quando adiciono outro código de imagem, o mesmo não funciona.
Como funciona este código?

Código:

<div id="proco" style="display: block;">
         <script>
      function TrocaBanner() {
         var w = 1;
         w = Math.floor(Math.random()*10);
         if(w < 5 ){
            document.write('<a href="http://www.onepiecerpg.com/t37376-frisk-dreemur" title="Anjo Caído"><img src="http://i.imgur.com/3QX0jwT.png" align="middle"></a>');
            return(0);
         }else if(w < 7){
            document.write('<a href="http://www.onepiecerpg.com/t38071-yoroshi-auron-o-usurpador" title="O Usurpador"><img src="http://i.imgur.com/GZYFLI0.png" align="middle"></a>');
            return(0);
         }else {
            document.write('<a href="http://www.onepiecerpg.com/t38070-ryuza-ying-o-ultimo-sussurro" title="O Ultimo Sussurro"><img src="http://i.imgur.com/dXqsoqo.png" align="middle"></a>');
            return(0);
         }
      }
   </script> <script>TrocaBanner()</script>
            
</div>


Última edição por Connor R. em 19.02.17 10:15, editado 1 vez(es)
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Simplificar código Javascript

Mensagem por Kyo Panda 17.02.17 21:36

Tente:

Código:
<div id="proco"></div>

<script>
   (function($) {
      'use strict';
      
      var banners = [
         {
            href: '/t37376-frisk-dreemur',
            title: 'Anjo Caído',
            image: 'http://i.imgur.com/3QX0jwT.png',
         }, {
            href: '/t38071-yoroshi-auron-o-usurpador',
            title: 'O Usurpador',
            image: 'http://i.imgur.com/GZYFLI0.png',
         }, {
            href: '/t38070-ryuza-ying-o-ultimo-sussurro',
            title: 'O Último Sussurro',
            image: 'http://i.imgur.com/dXqsoqo.png',
         }
      ];
      
      var banner = banners[~~(Math.random() * banners.length)];
      
      $('#proco').append([
         '<a href="' + banner.href + '" title="' + banner.title + '">,
         '    <img src="' + banner.image + '" alt="' + banner.title + '" />
         '</a>',
      ].join('\n'));
   }(jQuery));
</script>

É só seguir o padrão da Array de banners para adicionar mais banners. o/
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Simplificar código Javascript

Mensagem por Connor R. 18.02.17 18:31

Thanks mano, consegui entender o código e também estou testando o seu.

#Obrigado
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Simplificar código Javascript

Mensagem por Shek 19.02.17 13:58

Simplificar código Javascript Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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