Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MateusOFCZ

[Resolvido] Mostrar imagens aleatórias

Recommended Posts

Olá, gostaria de saber como eu faço para mostrar uma imagem diferente ao acessar o site...
Eu precisaria mostrar a imagem linkada, ou seja, quando clickar na imagem ela levará você para um link, porém cada imagem tem um link diferente, como faço isso?
Caso você não tenha entendido seria uma espécie de "anúncios" em meu site, toda vez que reentrar nele irá mostrar uma imagem diferente, e essa imagem será linkada, e os links também serão diferentes um do outro.

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 horas atrás, marcosmarcolin disse:

Poste seu código aqui, que já imaginei uma solução pra ti.

<div id="content" class="client-content">
<script>
<!--
document.write(unescape("%3C%21--%0A%20%20%20%20%20___%20___________________________________________________________________________________%0A%20%20%20%20/%20%20%20%7C%20%7C%20%7C%20%7C%20%7C%20%7C_%20%20%20_%7C%20/%20%20_%20%20%5C%20%7C%20%20_%20%20%5C%20%20%20%20%20%20%20%7C%20%7C%20%20%20/%20/%20%7C%20%7C%20/%20%20___%7C%20%7C_%20%20%20_%7C%20/%20%20_%20%20%5C%20%7C%20%20_%20%20%5C%20%20%0A%20%20%20/%20/%7C%20%7C%20%7C%20%7C%20%7C%20%7C%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%20%7C%20%7C%20%7C_%7C%20%7C%20%20%20%20%20%20%20%7C%20%7C%20%20/%20/%20%20%7C%20%7C%20%7C%20%7C%20%20%20%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%20%7C%20%7C%20%7C_%7C%20%7C%20%20%0A%20%20/%20/%20%7C%20%7C%20%7C%20%7C%20%7C%20%7C%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%20%7C%20%7C%20%20_%20%20/%20%20%20%20%20%20%20%7C%20%7C%20/%20/%20%20%20%7C%20%7C%20%7C%20%7C%20%20%20%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%20%7C%20%7C%20%20_%20%20/%20%20%0A%20/%20/%20%20%7C%20%7C%20%7C%20%7C_%7C%20%7C%20%20%20%7C%20%7C%20%20%20%7C%20%7C_%7C%20%7C%20%7C%20%7C%20%5C%20%5C%20%20%20%20%20%20%20%7C%20%7C/%20/%20%20%20%20%7C%20%7C%20%7C%20%7C___%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C_%7C%20%7C%20%7C%20%7C%20%5C%20%5C%20%20%0A/_/%20%20%20%7C_%7C%20%5C_____/%20%20%20%7C_%7C%20%20%20%5C_____/%20%7C_%7C%20%20%5C_%5C%20%20%20%20%20%20%7C___/%20%20%20%20%20%7C_%7C%20%5C_____%7C%20%20%20%7C_%7C%20%20%20%5C_____/%20%7C_%7C%20%20%5C_%5C%20%0A_______________________________________________________________________________________________%0A%0A%0A--%3E"));
//-->
<!--
document.write(unescape("%3Cscript%20src%3D%22https%3A//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js%22%3E%3C/script%3E%0A%3Cscript%20src%3D%22http%3A//habbospiratas.do.am/arquivos/imagens/anuncio/anuncio.js%22%20type%3D%22text/javascript%22%3E%3C/script%3E"));
//-->
</script>
<script type="text/javascript">
                    
                    $(document).ready(function() {
                        showAd();
                        adTimer.play();
                    });

                    var Interval = 1200000; // 20 minutos;
                    var I = 30;
                    var timer = $.timer(function() {
                        I = 30;
                        showAd();
                        adTimer.play();
                    });
                    timer.set({
                        time: Interval,
                        autostart: true
                    });

                    var adClosing = $.timer(function() {
                        closeAd();
                        adClosing.stop();
                    });

                    adClosing.set({
                        time: 30000,
                        autostart: false
                    });

                    var adTimer = $.timer(function() {
                        I--;
                        $("#adTimer").html("Publicidade - Fechará em <b>" + I + "</b> segundos!");
                        if (I <= 0)
                            adTimer.stop();
                    });

                    adTimer.set({
                        time: 1000,
                        autostart: false
                    });

                    function showAd() {
                        $("#room").fadeIn("slow");
                        adClosing.play();
                        timer.stop();
                    }

                    function closeAd() {
                        $("#room").fadeOut("slow");
                        timer.play();
                    }
                </script>
</head>
<div id="room" class="roomenterad-habblet-container" style="display:inline-block;left: 50%; margin-left: -370px; margin-top: -30px; position: fixed; height: 195px; width: 740px; background-image: url('http://habbospiratas.do.am/arquivos/imagens/anuncio/client_container.png'); background-repeat: no-repeat no-repeat; z-index: 99999;">
<div id="adTimer" style="position: absolute; left: 6px; top: 76px; color: rgb(255, 255, 255); font-size: 10px; font-family: Verdana, sans-serif; visibility: visible;float:left;" class="roomenterad-closing1">Publicidade - Vale lembrar que o Hobby não ganha em cima disso!</div>
<div id="closeAd" style="position: absolute; right: 6px; top: 76px; color: rgb(255, 255, 255); font-size: 10px; font-family: Verdana, sans-serif; visibility: visible;float:right;" class="roomenterad-closing1"><a href="#" style="color:white;font-weight:bold" onclick="closeAd();">Fechar</a></div>
<div style="position: absolute; left: 6px; top: 91px" class="roomenterad-habblet-thead">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<a href="https://hobbyhotel.club/rpg" target="_blank"><img src="https://i.imgur.com/lTVD7ap.png" style="width:728px;height:90px;"></a>
<script>
                                (adsbygoogle = window.adsbygoogle || []).push({});// acima coloque seu adsense 
                            </script>
							<script type='text/javascript'>
    //<![CDATA[
    shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("esc",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+F",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+I",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+Shift+Del",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+Shift+I",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+W",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+S",function()
    {top.location.href="/#não-faça-isso"});shortcut.add("Ctrl+U",function()
    {top.location.href="/#não-faça-isso"});/// Proteção vDevs
    //]]>
    </script>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com PHP, a forma mais fácil de fazer é utilizando Array, já que terá sempre fixo as imagens, e pode ir adicionando conforme sua necessidade. Eu criei um array e adicionei algumas 'imagens', depois eu pego uma posição randômica e mostro na tela. Assim, cada vez que atualizar a página, mostrará uma imagem diferente, veja:

 

<?php

$imagens = array();
$imagens[] = "Imagem 1";
$imagens[] = "Imagem 2";
$imagens[] = "Imagem 3";
$imagens[] = "Imagem 4";
$imagens[] = "Imagem 5";

$chave = array_rand($imagens);
$imagem = $imagens[$chave];
echo $imagem;

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 11/02/2019 at 22:03, marcosmarcolin disse:

Com PHP, a forma mais fácil de fazer é utilizando Array, já que terá sempre fixo as imagens, e pode ir adicionando conforme sua necessidade. Eu criei um array e adicionei algumas 'imagens', depois eu pego uma posição randômica e mostro na tela. Assim, cada vez que atualizar a página, mostrará uma imagem diferente, veja:

 


<?php

$imagens = array();
$imagens[] = "Imagem 1";
$imagens[] = "Imagem 2";
$imagens[] = "Imagem 3";
$imagens[] = "Imagem 4";
$imagens[] = "Imagem 5";

$chave = array_rand($imagens);
$imagem = $imagens[$chave];
echo $imagem;

 

 

Não funcionou em meu site...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Igual você falou

 

<?php

$imagens = array();
$imagens[] = "Imagem 1";
$imagens[] = "Imagem 2";
$imagens[] = "Imagem 3";
$imagens[] = "Imagem 4";
$imagens[] = "Imagem 5";

$chave = array_rand($imagens);
$imagem = $imagens[$chave];
echo $imagem;

Ai eu fiz assim:

 

<?php

$imagens = array();
$imagens[] = <a href="https://hobbyhotel.club/rpg" target="_blank"><img src="https://i.imgur.com/lTVD7ap.png" style="width:728px;height:90px;"></a>;
$imagens[] = <a href="https://hobbyhotel.club/rpg" target="_blank"><img src="https://i.imgur.com/lTVD7ap.png" style="width:728px;height:90px;"></a>;

$chave = array_rand($imagens);
$imagem = $imagens[$chave];
echo $imagem;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Apenas coloque aspas simples antes do <a> e no final ex:

$imagens[] = '<a href="https://hobbyhotel.club/rpg" target="_blank"><img src="https://i.imgur.com/lTVD7ap.png" style="width:728px;height:90px;"></a>';

E mude a imagem, para randomizar rsrs.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloquei assim:

<?php
$imagens = array();
$imagens[] = '<a href="https://hobbyhotel.club/rpg" target="_blank"><img src="https://i.imgur.com/lTVD7ap.png" style="width:330px;height:250px;"></a>';
$chave = array_rand($imagens);
$imagem = $imagens[$chave];
echo $imagem;
>

E a página fica toda branca...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Testei novamente, e está funcionando como inicialmente, jogue o código numa página .php em branco para entender o funcionamento, depois adapte ao seu código. Segue código testado novamente:

<?php
$imagens = array();
$imagens[] = '<a href="https://hobbyhotel.club/rpg" target="_blank"><img src="https://i.imgur.com/lTVD7ap.png" style="width:330px;height:250px;"></a>';
$imagens[] = '12345';
$imagens[] = 'Hello World';
$chave = array_rand($imagens);
$imagem = $imagens[$chave];
echo $imagem;
?>

Veja que muda a cada refresh na página:

Spoiler

1.png.113064fe71cf40a89d6ab6f903265e2e.png2.png.f4218638b3905ab40518c612167ed90c.png

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.