Simplificar código Javascript

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

Resolvido Simplificar código Javascript

Mensagem por Connor R. em 17/02/17, 04:36 pm

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, 07:15 am, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Simplificar código Javascript

Mensagem por Kyo Panda em 17/02/17, 07:36 pm

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/
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Simplificar código Javascript

Mensagem por Connor R. em 18/02/17, 04:31 pm

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

#Obrigado
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Simplificar código Javascript

Mensagem por Shek em 19/02/17, 10:58 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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