Comunidad de diseño web y desarrollo en internet online

Cargar una imagen en Javascript.....

Citar            
MensajeEscrito el 19 Oct 2006 08:58 pm
Bueno lo primero la explicacion:

Pretendo cargar una imagen dependiendo de un valor.

valor 0
se carga imagen0
varlo 1
se carga imagen 1
ect...


*---* un intento de hacerlo *---*
Cojiendo una manera de cargar una imagen (no digo que sea la mas correcta, sin ingun valor)
HTML

Código :

<p>
    <script> var texto= gnb(); </script>
</p>

Javascritp

Código :

function gnb();
{
   var texto="<img src='imagen.jpg' alt='Imagen' />";
   document.writeln(texto);

}



Esto me cargara una imagen como si fuese en html pero llamando a un Javascript, Pense que esta misma manera pero con condiciones

Código :

function gnb();
{
   var z;
  z=1;
   switch(1)
{
  case 0:
      var texto="<img src='imagen1.jpg' alt='Imagen' />";
    break
  case 1:
   var texto="<img src='imagen2.jpg' alt='Imagen' />";
 beak
.
.
.
.

}
document.writeln(texto);

}


Pero a mi no me funciona seguramente tenga algo mal escrito me este equivocando.

Yo estaba pensando en otra forma distina al ver el fallo de esto.

piendo que en el html

Código :

<img src="(llamamos a una funcion" alt="multiple imagenes" />


Esta funcion contendria una variable con un valor X y dependiendo de este valor mostraria una imagen u otra. y mostraria la imagen que pretendo cargar en la etiqueta <img>


Como se hace? Ahi esta mi pregunta. No tengo mucha idea de javascript. Por eso pongo esta pregunta.

Gracias por leerlo

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Oct 2006 09:31 pm

Código :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Rand_X::</title>
</head>
<body>
<SCRIPT language=javascript>
//Returns a random number between 0 and 1
aleat = Math.random();
if (aleat > 0.4) {
document.write("one");
document.write('<embed src="r1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object>');
} else {
document.write("two");
document.write('<embed src="r2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object>');                     
}
</SCRIPT>

</body>
</html>


... eso se aplicó en un swf... te funciona igualmente con img.

Ójala y te funcione.

Suerte!

(y)

Por gabovanlugo

651 de clabLevel



Genero:Masculino  

Code Designer

firefox
Citar            
MensajeEscrito el 19 Oct 2006 09:56 pm
Ok, gracias lo comprobare

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Oct 2006 10:09 am
Ok, me funciona, ahora le tendre que poner los valores con su switch.

Thanks

Dejo el código por si alguien lo coje

Código :

<SCRIPT language=javascript>
   aleat = Math.random();
   if (aleat > 0.4) {
   document.write("<h2>One</h2>");
   document.write('<img src="imagen1.gif"/>');
   } else {
      document.write("<h2>Two</h2>");
      document.write('<img src="imagen2.gif"/>');                     
   }
</SCRIPT>

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Oct 2006 10:14 am
Y ahora adaptado con el Switch

Código :



<SCRIPT language=javascript>
   aleat = 1;
   switch(aleat)
   {
   case 0:
      document.write("<h2>0</h2>");
      document.write('<img src="f_e/status/imagen10.gif"/>');
      break
   case 1:
      document.write("<h2>1</h2>");
      document.write('<img src="f_e/status/imagen2.gif"/>');     
      break 
   default:
      document.write("<h2>0 por defecto</h2>");
      document.write('<img src="f_e/status/imagen0.gif"/>');      
   }
</SCRIPT>


Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Oct 2006 10:19 am
Pero si pones

Código :

aleat=1
siempre te entrará por

Código :

case 1:
no?? ¬¬ ¬¬

Por Yranac

421 de clabLevel



Genero:Masculino  

Lugo, Galicia

firefox
Citar            
MensajeEscrito el 20 Oct 2006 11:31 am
Si. Es que ahora estaba avanzando y lo he dejado asi, por si alguien le servia.

He pensado poner un documento de txt que contenga un valor X el cual lo leo por Javascript y se lo paso a la variable aleat

Esta lectura he buscado por paginas y lo que te dicen es hacerlo por ASP, PHP, ect.. pero estaba leyendo otro de una lectura de cookies la cual he pensado que se podia asimilar a una lectura de un txt y escribir en el pero no tengo mucha idea que digamos. Asi que va mi segunda pregunta, ¿Hay alguna manera de leer/escribir un documento txt en Javascript?

Si me funciona, es hacer otra pagina sencilla, con una caja de texto y enviarlo por un boton, cambiando el valor del documento y asi no tenerlo que cambiarlo en el documento y subirlo....... ya se cambia automaticamente desde la web. (Similar a las ventanas de Administradores que cambian valores, pero esta es sencilla, ni colorido ni nada, solo de uso personal)

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 23 Oct 2006 07:56 pm
He buscado infromacion sobre la lectura /escritura mediante javascript pero no se puede, he desistido, se puede leer con otros lenguajes.

Asi que lo hare en Php, haber si me funciona.

Gracias de antemano.

Por Suriv

131 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.