Imagen variable

testeo · #1 (**permalink**) 15/06/2009, 01:02

Programadores, no programadores, diseñadores y otros...
Tengo una inquietud en cuanto a realizar una imagen variable sin tener que modificar los tamaños de éstas imágenes previamente ya que modifican la celda donde las quiero insertar y se ve fea la página.

Por las dudas, dejo el código que estoy probando:

<head >
<script language="JavaScript">
var imagenumber = 4;
var randomnumber = Math.random();
var rand1 = Math.round( (imagenumber-1) * randomnumber);

images = new Array;
images[0] = "images/1.jpg";
images[1] = "images/2.jpg";
images[2] = "images/3.jpg";
images[3] = "images/4.jpg";

links = new Array;
links[0] = "site1";
links[1] = "site2";
links[2] = "site3";
links[3] = "site4";

var image = images[rand1];
var link = links[rand1];
</script>
</head>

<body>
<script>document.write('<a href="'+link+'"><img src="'+ image +'" style="border: 0px;"></a>')</script>
</body>

Como ven las imágenes las toma tal como están, y quería saber si se podía hacer que las obligue a tomar un tamaño sin modificar la imagen real que la uso en otra parte del sitio. Sólo es para ahorrar trabajo en editar cada imagen cada vez que quiera ponerla en el random.

Saludos, gracias y espero que me puedan ayudar.

(Si alguien conoce un script más sencillo, también me vendría bien)

Sam_Enfot · #2 (**permalink**) 15/06/2009, 03:10

Hola,

no entiendo del todo tu cogido.

pero las imagenes a las que quieras modificar el tamaño puedes hacer:

1) darles un CLASS en concreto.
2) i en este CLASS modificar el tamaño de las mismas.

---

ejemplo

tenemos una imagen en el PC que es de 300 x 300 pixeles. llamada hola.jpg

la ponemos en la pagina con el tag de CLASS="imagen_cambiada" de esta manera:

Cita:

i en el archivo *css declaramos:

Cita:

.imagen_cambiada {
width:200px;
heigh:150px;
}

Otra cosa es que la imagen pierda las proporciones,
pero esto cambiaría su tamaño al que requieras.

Supay · #3 (**permalink**) 15/06/2009, 03:25

Eso es, con una simple clase lo consiges. El tema sera en que puede que la imagen pierda bastante calidad. Si no prueba con porcentajes, aunque no creo que ganes mucho.

Código:

.imagen_cambiada {
width:50%;
heigh:50%;
}