Autor |
Mensaje |
-
delacruzgarcia
Semi-Experto
|
11-05-2009, 02:45 (UTC) Título del mensaje: Como pongo un link a una imagen? |
|
|
Bueno hice el siguiente script:
Código: <head>
<script type="text/javascript">
<!--
function ImagenesObj() {
n=0;
this[n++]="http://www.elitemodels.netne.net/imagen1.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen2.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen3.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen4.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen5.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen6.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen7.JPG";
this[n++]="http://www.elitemodels.netne.net/imagen8.JPG";
this.N=n;
}
var Imagenes=new ImagenesObj();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<img src="+src+">");
//-->
</script>
</head>
Con esto cada que alguien entre a mi web vera cada vez un banner distinto, hasta ahora ya logre que las imagenes cambien cada que entre alguien, aca pueden verlo: http://www.elitemodels.netne.net/Aleatorio.html pero tan solo ven las imagenes, y yo requiero que cada una de estas sea linkeable, es decir que contengan un hipervinculo con un "blank" para que lo abra en una ventana nueva, se que quizas sea con:
Código: <img src="" name="imagen1".jpg>
Pero no hayo donde ponerlo, ohala alguien me pueda ayudar, saludos. |
|
↑
|
|
|
-
javidj
Experto
|
11-05-2009, 11:02 (UTC) Título del mensaje: Re: Como pongo un link a una imagen? |
|
|
prueba con este otro codigo:
Código: <script language="JavaScript">
image = new Array(2);
link = new Array(2);
image[0] = 'banner_1'
image[1] = 'banner_2'
image[2] = 'banner_3'
link[0] = 'http://1'
link[1] = 'http://2'
link[2] = 'http://3'
index = Math.floor(Math.random() * image.length);
document.write("<A HREF="+link[index]+">");
document.write("<IMG SRC="+image[index]+" border='0' align='right'></A>");
</script>
este code tiene la imagen y link editable a 3:
image[0] = 'banner_1'
image[1] = 'banner_2'
image[2] = 'banner_3'
link[0] = 'http://1'
link[1] = 'http://2'
link[2] = 'http://3'
puedes poner mas, siguiendo el esquema, lo demas no se toca ______________
10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com |
|
↑
|
|
|
-
delacruzgarcia
Semi-Experto
|
11-05-2009, 17:10 (UTC) Título del mensaje: Re: Como pongo un link a una imagen? |
|
|
javidj escribió: prueba con este otro codigo:
Código: <script language="JavaScript">
image = new Array(2);
link = new Array(2);
image[0] = 'banner_1'
image[1] = 'banner_2'
image[2] = 'banner_3'
link[0] = 'http://1'
link[1] = 'http://2'
link[2] = 'http://3'
index = Math.floor(Math.random() * image.length);
document.write("<A HREF="+link[index]+">");
document.write("<IMG SRC="+image[index]+" border='0' align='right'></A>");
</script>
este code tiene la imagen y link editable a 3:
image[0] = 'banner_1'
image[1] = 'banner_2'
image[2] = 'banner_3'
link[0] = 'http://1'
link[1] = 'http://2'
link[2] = 'http://3'
puedes poner mas, siguiendo el esquema, lo demas no se toca
Algo asi entonces?:
Código: <head>
<script language="JavaScript">
image = new Array(2);
link = new Array(2);
image[0] = 'http://www.elitemodels.netne.net/imagen1.JPG'
image[1] = 'http://www.elitemodels.netne.net/imagen2.JPG'
image[2] = 'http://www.elitemodels.netne.net/imagen3.JPG'
image[3] = 'http://www.elitemodels.netne.net/imagen4.JPG'
image[4] = 'http://www.elitemodels.netne.net/imagen5.JPG'
image[5] = 'http://www.elitemodels.netne.net/imagen6.JPG'
image[6] = 'http://www.elitemodels.netne.net/imagen7.JPG'
image[7] = 'http://www.elitemodels.netne.net/imagen8.JPG'
link[0] = 'http://www.elitemodelsweb.com'
link[1] = 'http://www.elitemodelsweb.com'
link[2] = 'http://www.elitemodelsweb.com'
link[3] = 'http://www.elitemodelsweb.com'
link[4] = 'http://www.elitemodelsweb.com'
link[5] = 'http://www.elitemodelsweb.com'
link[6] = 'http://www.elitemodelsweb.com'
link[7] = 'http://www.elitemodelsweb.com'
index = Math.floor(Math.random() * image.length);
document.write("<A HREF="+link[index]+">");
document.write("<IMG SRC="+image[index]+" border='0' align='right'></A>");
</script>
</head>
Ok, dejame checar y edito si ha funcionado, saludos y gracias.
Edito:
Gracias Javi, si sirve, ya solo lo centre, ahora la gran duda final es como hacer para que los links se abran en una nueva ventana, se que requiere un blank, ya estuve tratando varias formas pero no logro desarrollarlo, me podras ayudar por ultimo con este detalle por favor? de antemano gracias.
Por ahora va asi:
http://www.elitemodels.netne.net/Aleatorio2.html
Ultima edición por delacruzgarcia el Lun May 11, 2009 1:59 pm; editado 2 veces
|
|
↑
|
|
|
-
javidj
Experto
|
12-05-2009, 11:11 (UTC) Título del mensaje: Re: Como pongo un link a una imagen? |
|
|
has probado ponerlo aqui?
("<A HREF="+link......
asi: a target="_blank" href=....... o en mayusculas como lo pone?.
supuestamente al poner http en los links, y si en navegador lo tiene configurado, deberia abrirse siempre en ventana nueva, si no,
encontré esto por google:
texto encima de la pagina: Código: <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript"><!--//--><![CDATA[//><!--
function openTargetBlank(e){
var className = 'external';
if (!e) var e = window.event;
var clickedObj = e.target ? e.target : e.srcElement;
if(clickedObj.nodeName == 'A' )
{
r=new RegExp("(^| )"+className+"($| )");
if(r.test(clickedObj.className)){
window.open(clickedObj.href);
return false;
}
}
}
document.onclick = openTargetBlank;
//--><!]]></script>
</head> ______________
10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com |
|
↑
|
|
|
-
delacruzgarcia
Semi-Experto
|
13-05-2009, 00:13 (UTC) Título del mensaje: Re: Como pongo un link a una imagen? |
|
|
javidj escribió: has probado ponerlo aqui?
("<A HREF="+link......
asi: a target="_blank" href=....... o en mayusculas como lo pone?.
supuestamente al poner http en los links, y si en navegador lo tiene configurado, deberia abrirse siempre en ventana nueva, si no,
encontré esto por google:
texto encima de la pagina: Código: <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript"><!--//--><![CDATA[//><!--
function openTargetBlank(e){
var className = 'external';
if (!e) var e = window.event;
var clickedObj = e.target ? e.target : e.srcElement;
if(clickedObj.nodeName == 'A' )
{
r=new RegExp("(^| )"+className+"($| )");
if(r.test(clickedObj.className)){
window.open(clickedObj.href);
return false;
}
}
}
document.onclick = openTargetBlank;
//--><!]]></script>
</head>
Algo asi?:
Código: <head>
<center>
<script language="JavaScript">
image = new Array(2);
link = new Array(2);
image[0] = 'http://www.elitemodels.netne.net/imagen1.JPG'
image[1] = 'http://www.elitemodels.netne.net/imagen2.JPG'
image[2] = 'http://www.elitemodels.netne.net/imagen3.JPG'
image[3] = 'http://www.elitemodels.netne.net/imagen4.JPG'
image[4] = 'http://www.elitemodels.netne.net/imagen5.JPG'
image[5] = 'http://www.elitemodels.netne.net/imagen6.JPG'
image[6] = 'http://www.elitemodels.netne.net/imagen7.JPG'
image[7] = 'http://www.elitemodels.netne.net/imagen8.JPG'
link[0] = 'http://www.elitemodelsweb.com'
link[1] = 'http://www.elitemodelsweb.com'
link[2] = 'http://www.elitemodelsweb.com'
link[3] = 'http://www.elitemodelsweb.com'
link[4] = 'http://www.elitemodelsweb.com'
link[5] = 'http://www.elitemodelsweb.com'
link[6] = 'http://www.elitemodelsweb.com'
link[7] = 'http://www.elitemodelsweb.com'
index = Math.floor(Math.random() * image.length);
document.write("<a target="_blank" HREF="+link[index]+">");
document.write("<IMG SRC="+image[index]+" border='0'></A>");
</script>
</center>
</head>
Yap ya lo intente y nada mira:
http://img9.xooimage.com/files/9/c/2/aleatorio2-e9029e.html
mmm y el 2do que me mandaste y que hayaste en google no le he entendido.
Saludos y gracias por estarme ayudando, ojala esto llege a un final feliz jeje. |
|
↑
|
|
|
|