Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
>
2 minutos atrás, marcosmarcolin disse:
As imagens estão cadastradas no banco? Se sim, só utilizar um **ORDER BY rand() LIMIT 1** no SELECT, [veja](https://www.redcodestudio.com/seleccionar-um-registo-aleatorio-duma-base-de-dados-mysql/).
Eu estou upando as imagens no imgur e colocando com link...Poste seu código aqui, que já imaginei uma solução pra ti.
>
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></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>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;>
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...Como você fez?
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;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.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...
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
/monthly_2019_02/2.png.f4218638b3905ab40518c612167ed90c.png" alt="2.png.f4218638b3905ab40518c612167ed90c.png" />Agora deu certo, obrigado!
As imagens estão cadastradas no banco? Se sim, só utilizar um ORDER BY rand() LIMIT 1 no SELECT, veja.