Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 

Script de imagem aleatória com link

05-09-2007 17:44

um amigo me passou esse script e ate achei legal, mais nao consigo colocar isso dentro do site, se eu crio uma tabela as fotos quebrao a tabela e tambem nao consigo colocar isso dentro do site de forma organizada
obs: as fotos tambem nao tem link ainda, ou seja, o mouse em cima nao da a opcao de ir para o html da fotos
alguem tem alguma ideia?

<script type="text/javascript"> function cache() { imagens = new Image(); imagens.src='http://www.xxx.com.br/trator/trator.jpg'; imagens.src='http://www.xxx.com.br/caminhao/caminhao.jpg'; imagens.src='http://www.xxx.com.br/carreta/carreta.jpg'; imagens.src='http://www.xxx.com.br/bug/bug.jpg'; } cache();   var valor = Math.round(Math.random()*3);   var figuras=new Array(4) figuras[0]="http://www.xxx.com.br/trator/trator.jpg'; figuras[1]="http://www.xxx.com.br/caminhao/caminhao.jpg'; figuras[2]="http://www.xxx.com.br/carreta/carreta.jpg'; figuras[3]="http://www.xxx.com.br/bug/bug.jpg';   //http://www.xxx.com.br/trator/trator.jpg'; //http://www.xxx.com.br/caminhao/caminhao.jpg'; //http://www.xxx.com.br/carreta/carreta.jpg'; //http://www.xxx.com.br/bug/bug.jpg';   if(valor==0) { document.write("<img src='"+figuras[0]+"'>") document.write("<img src='"+figuras[0+1]+"'>") document.write("<img src='"+figuras[0+2]+"'>") document.write("<img src='"+figuras[0+3]+"'>") } if(valor==1) { document.write("<img src='"+figuras[0+3]+"'>") document.write("<img src='"+figuras[0+2]+"'>") document.write("<img src='"+figuras[0+1]+"'>") document.write("<img src='"+figuras[0]+"'>") } if(valor==2) { document.write("<img src='"+figuras[0+1]+"'>") document.write("<img src='"+figuras[0+2]+"'>") document.write("<img src='"+figuras[0+3]+"'>") document.write("<img src='"+figuras[0]+"'>") } if(valor==3) { document.write("<img src='"+figuras[0+1]+"'>") document.write("<img src='"+figuras[0]+"'>") document.write("<img src='"+figuras[0+3]+"'>") document.write("<img src='"+figuras[0+2]+"'>") } </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

imagem aleatoria (com link)

05-09-2007 18:11

Só posso ajudar com o script, quanto a estrutura, procura trabalhar com tabelas, table, tr, etc... no bloco de notas, sem editores.

Tem alguns artigos no fórum sobre como trabalhar com tabelas.

<script type="text/javascript">
function cache() {
imagens = new Image();
imagens.src='figura1.gif';
imagens.src='figura2.gif';
imagens.src='figura3.gif';
imagens.src='figura4.gif';
}
cache();

function mostra() {
var valor = Math.round(Math.random()*3);

var figuras=new Array(4);
// url da figura | url do link
figuras[0]="figura1.gif|link 1";
figuras[1]="figura2.gif|link 2";
figuras[2]="figura3.gif|link 3";
figuras[3]="figura4.gif|link 4";

var nova0 = figuras[0].split("|");
var nova1 = figuras[1].split("|");
var nova2 = figuras[2].split("|");
var nova3 = figuras[3].split("|");

if(valor==0) {
document.write("<a href='"+nova0[1]+"'><img src='"+nova0[0]+"' border='0'></a>")
document.write("<a href='"+nova1[1]+"'><img src='"+nova1[0]+"' border='0'></a>")
document.write("<a href='"+nova2[1]+"'><img src='"+nova2[0]+"' border='0'></a>")
document.write("<a href='"+nova3[1]+"'><img src='"+nova3[0]+"' border='0'></a>")
}
if(valor==1) {
document.write("<a href='"+nova3[1]+"'><img src='"+nova3[0]+"' border='0'></a>")
document.write("<a href='"+nova2[1]+"'><img src='"+nova2[0]+"' border='0'></a>")
document.write("<a href='"+nova1[1]+"'><img src='"+nova1[0]+"' border='0'></a>")
document.write("<a href='"+nova0[1]+"'><img src='"+nova0[0]+"' border='0'></a>")
}
if(valor==2) {
document.write("<a href='"+nova1[1]+"'><img src='"+nova1[0]+"' border='0'></a>")
document.write("<a href='"+nova2[1]+"'><img src='"+nova2[0]+"' border='0'></a>")
document.write("<a href='"+nova3[1]+"'><img src='"+nova3[0]+"' border='0'></a>")
document.write("<a href='"+nova0[1]+"'><img src='"+nova0[0]+"' border='0'></a>")
}
if(valor==3) {
document.write("<a href='"+nova1[1]+"'><img src='"+nova1[0]+"' border='0'></a>")
document.write("<a href='"+nova0[1]+"'><img src='"+nova0[0]+"' border='0'></a>")
document.write("<a href='"+nova3[1]+"'><img src='"+nova3[0]+"' border='0'></a>")
document.write("<a href='"+nova2[1]+"'><img src='"+nova2[0]+"' border='0'></a>")
}

}
mostra();
</script>
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2

imagem aleatoria (com link)

30-05-2009 13:43

o segundo java script me ajudo muito, mas preciso q as paginas abram em outra pagina, tipo target=_blank e queria q os banners tivessem um espaço entre elesm não podem ser junto, meu código

function cache() { imagens = new Image(); imagens.src=''; imagens.src=''; imagens.src=''; imagens.src=''; } cache();   function mostra() { var valor = Math.round(Math.random()*3);   var figuras=new Array(4); // url da figura | url do link figuras[0]="|"; figuras[1]="|"; figuras[2]="|"; figuras[3]="|";   var nova0 = figuras[0].split("|"); var nova1 = figuras[1].split("|"); var nova2 = figuras[2].split("|"); var nova3 = figuras[3].split("|");   if(valor==0) { document.write("<a href='http://www.grupochoramuleke.com.br/"+nova0[1]+"'><img src='http://www.sancanight.com/imagens/image1.gif"+nova0[0]+"' border='0'></a>") document.write("<a href='http://grupoquartaessencia.blogspot.com/"+nova1[1]+"'><img src='http://www.sancanight.com/imagens/image2.gif"+nova1[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/hs.html"+nova2[1]+"'><img src='http://www.sancanight.com/imagens/image3.gif"+nova2[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/aquifestas/index.html"+nova3[1]+"'><img src='http://www.sancanight.com/imagens/image4.gif"+nova3[0]+"' border='0'></a>") } if(valor==1) { document.write("<a href='http://www.sancanight.com/aquifestas/index.html"+nova3[1]+"'><img src='http://www.sancanight.com/imagens/image4.gif"+nova3[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/hs.html"+nova2[1]+"'><img src='http://www.sancanight.com/imagens/image3.gif"+nova2[0]+"' border='0'></a>") document.write("<a href='http://grupoquartaessencia.blogspot.com/"+nova1[1]+"'><img src='http://www.sancanight.com/imagens/image2.gif"+nova1[0]+"' border='0'></a>") document.write("<a href='http://www.grupochoramuleke.com.br/"+nova0[1]+"'><img src='http://www.sancanight.com/imagens/image1.gif"+nova0[0]+"' border='0'></a>") } if(valor==2) { document.write("<a href='http://grupoquartaessencia.blogspot.com/"+nova1[1]+"'><img src='http://www.sancanight.com/imagens/image2.gif"+nova1[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/hs.html"+nova2[1]+"'><img src='http://www.sancanight.com/imagens/image3.gif"+nova2[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/aquifestas/index.html"+nova3[1]+"'><img src='http://www.sancanight.com/imagens/image4.gif"+nova3[0]+"' border='0'></a>") document.write("<a href='http://www.grupochoramuleke.com.br/"+nova0[1]+"'><img src='http://www.sancanight.com/imagens/image1.gif"+nova0[0]+"' border='0'></a>") } if(valor==3) { document.write("<a href='http://grupoquartaessencia.blogspot.com/"+nova1[1]+"'><img src='http://www.sancanight.com/imagens/image2.gif"+nova1[0]+"' border='0'></a>") document.write("<a href='http://www.grupochoramuleke.com.br/"+nova0[1]+"'><img src='http://www.sancanight.com/imagens/image1.gif"+nova3[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/aquifestas/index.html"+nova3[1]+"'><img src='http://www.sancanight.com/imagens/image4.gif"+nova2[0]+"' border='0'></a>") document.write("<a href='http://www.sancanight.com/hs.html"+nova2[1]+"'><img src='http://www.sancanight.com/imagens/image3.gif"+nova3[0]+"' border='0'></a>") }   } mostra()

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de imagem aleatória com link

30-05-2009 13:48

Vou te dar uma base com uma das linhas do script

document.write("<a href='"+nova1[1]+"'><img src='"+nova1[0]+"' border='0'></a>")

Para abrir esse link em nova página deve ser adicionado: target='_blank' e para dar um espaço entre as imagens, você pode colocar 1 ou 2 espaços no final do fechamento da tag a, vou dar um exemplo com 2 espaços e já com a target

document.write("<a href='"+nova1[1]+"' target='_blank'><img src='"+nova1[0]+"' border='0'></a>&nbsp;&nbsp;")

Só adicionar as alterações no seu script.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2

Script de imagem aleatória com link

30-05-2009 14:06

deu certo os link, mas o espaçamento não, a div caiu para baixo.... deu um problema na div....

mas alterei as divs e deu certo, muito obrigado, unico codigo q funciono dos que axei na net, parabéns
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de imagem aleatória com link

30-05-2009 15:30

Flw
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado