Logo Rotativo

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

Atendido / Resolvido Logo Rotativo

Mensagem por ZombieW em 25.09.14 1:02

  • Descrição:
Boa noite, 

Há algum tempo, eu pedi um código para fazer meus banners serem rotativos:

Código:
window.addEventListener('DOMContentLoaded', function() {
    var urls = [
            'http://giant.gfycat.com/SelfreliantRequiredHarvestmouse.gif',
            'http://s4.uploads.im/S8yN7.gif'
        ],
        pics = urls.length,
        logo = document.querySelector('#logo img');

    if (iv(logo) == false) return;
    window.setInterval(function() {
        logo.src = urls[randoms(0, pics - 1)];
    }, 6000);
});

function iv(element) {
    var eap,
        rect = element.getBoundingClientRect(),
        doc = document.documentElement,
        vWidth = window.innerWidth || doc.clientWidth,
        vHeight = window.innerHeight || doc.clientHeight,
        fromPoint = function(x, y) {
            return document.elementFromPoint(x, y)
        },
        contains = "contains" in element ? "contains" : "compareDocumentPosition",
        has = contains == "contains" ? 1 : 0x14;

    if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight)
        return false;

    return (
        (eap = fromPoint(rect.left, rect.top)) == element || element[contains](eap) == has || (eap = fromPoint(rect.right, rect.top)) == element || element[contains](eap) == has || (eap = fromPoint(rect.right, rect.bottom)) == element || element[contains](eap) == has || (eap = fromPoint(rect.left, rect.bottom)) == element || element[contains](eap) == has
    );
};

function randoms(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

Gostaria de um novo código, para rotacionar meu logo, no lugar.

  • Informações:
Fórum:www.tutorialdoca.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Rotativo

ZombieW

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1303
Pontos Ativos : 1841

Ver perfil do usuário http://www.perfectteam.org

Atendido / Resolvido Re: Logo Rotativo

Mensagem por Shek em 26.09.14 9:56

Bom dia ZombieW!

Eu não compreendi bem sua questão. O código que nos informou emite um efeito de rotação no logo, na qual você quer de outra forma? Assim... rotacionar para que lado? Atualmente, o código rotaciona para qual lado?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18137
Pontos Ativos : 22144

Ver perfil do usuário https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Logo Rotativo

Mensagem por ZombieW em 26.09.14 13:39

O código é o meu atual para rotacionar meus banners (parte superior do fórum).

A partir dele, gostaria que fosse feito outro código, de forma igual, para rotacionar meu logo (a imagem de "quem está conectado").
ZombieW

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1303
Pontos Ativos : 1841

Ver perfil do usuário http://www.perfectteam.org
  • 0

Atendido / Resolvido Re: Logo Rotativo

Mensagem por AquilesD. em 01.10.14 22:35

Olá,

Tente utilizar este código

Código:
    window.addEventListener('DOMContentLoaded', function() {
        var urls = [
                'http://giant.gfycat.com/SelfreliantRequiredHarvestmouse.gif',
                'http://s4.uploads.im/S8yN7.gif'
            ],
            pics = urls.length,
            logo = document.querySelector('.img-whois');

        if (iv(logo) == false) return;
        window.setInterval(function() {
            logo.src = urls[randoms(0, pics - 1)];
        }, 6000);
    });

    function iv(element) {
        var eap,
            rect = element.getBoundingClientRect(),
            doc = document.documentElement,
            vWidth = window.innerWidth || doc.clientWidth,
            vHeight = window.innerHeight || doc.clientHeight,
            fromPoint = function(x, y) {
                return document.elementFromPoint(x, y)
            },
            contains = "contains" in element ? "contains" : "compareDocumentPosition",
            has = contains == "contains" ? 1 : 0x14;

        if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight)
            return false;

        return (
            (eap = fromPoint(rect.left, rect.top)) == element || element[contains](eap) == has || (eap = fromPoint(rect.right, rect.top)) == element || element[contains](eap) == has || (eap = fromPoint(rect.right, rect.bottom)) == element || element[contains](eap) == has || (eap = fromPoint(rect.left, rect.bottom)) == element || element[contains](eap) == has
        );
    };

    function randoms(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }

Até


Logo Rotativo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Logo Rotativo

Mensagem por ZombieW em 03.10.14 16:17

Deu certo, obrigado.

Só uma dúvida:

Eu alterei o tempo para 3000 (ou seja, 3 segundos).

Ao entrar no site, a 1ª imagem fica por quase 7 segundos, depois vem a 2ª imagem e fica pelos 3 segundos.

O loop se repete corretamente, mas depois de algumas repetições, a 1ª imagem volta a ficar mais de 3 segundos.

Meu código atual:

Código:
window.addEventListener('DOMContentLoaded', function() {
    var urls = [
            'http://i39.servimg.com/u/f39/17/53/75/18/loadin10.gif',
            'http://i39.servimg.com/u/f39/17/53/75/18/loadin11.gif'
        ],
        pics = urls.length,
        logo = document.querySelector('.img-whois');

    if (iv(logo) == false) return;
    window.setInterval(function() {
        logo.src = urls[randoms(0, pics - 1)];
    }, 3000);
});

function iv(element) {
    var eap,
        rect = element.getBoundingClientRect(),
        doc = document.documentElement,
        vWidth = window.innerWidth || doc.clientWidth,
        vHeight = window.innerHeight || doc.clientHeight,
        fromPoint = function(x, y) {
            return document.elementFromPoint(x, y)
        },
        contains = "contains" in element ? "contains" : "compareDocumentPosition",
        has = contains == "contains" ? 1 : 0x14;

    if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight)
        return false;

    return (
        (eap = fromPoint(rect.left, rect.top)) == element || element[contains](eap) == has || (eap = fromPoint(rect.right, rect.top)) == element || element[contains](eap) == has || (eap = fromPoint(rect.right, rect.bottom)) == element || element[contains](eap) == has || (eap = fromPoint(rect.left, rect.bottom)) == element || element[contains](eap) == has
    );
};

function randoms(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
ZombieW

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1303
Pontos Ativos : 1841

Ver perfil do usuário http://www.perfectteam.org

Atendido / Resolvido Re: Logo Rotativo

Mensagem por ZombieW em 12.10.14 3:27

UP! ^^
ZombieW

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1303
Pontos Ativos : 1841

Ver perfil do usuário http://www.perfectteam.org

Atendido / Resolvido Re: Logo Rotativo

Mensagem por AquilesD. em 12.10.14 4:20

Olá,

Não entendi, conseguiria explicar melhor qual seria o erro que esta a ocorrer ?

Até


Logo Rotativo WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5996
Pontos Ativos : 7717

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

Atendido / Resolvido Re: Logo Rotativo

Mensagem por ZombieW em 12.10.14 7:46

As vezes o código funciona e as vezes não.

Por exemplo, agora o logo nunca muda do 1º ao 2º.

As vezes, até muda, mas fica por muito mais tempo o 1º do que deveria ficar.
ZombieW

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1303
Pontos Ativos : 1841

Ver perfil do usuário http://www.perfectteam.org

Atendido / Resolvido Re: Logo Rotativo

Mensagem por Sennior em 19.10.14 6:28

Logo Rotativo Symbol10Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum