Reducir tamaño de imagen dinámica con javascript

[jordi45]

tengo un campo de imagen dinámico


$row_muestra['imagen']

lo que pasa es que las imagenes del campo están metidas con todo el código html
<img src="ruta de la imagen"> no hay ningún id de identificación

Como haría para poder reducir el tamaño de la imagen

Tengo este código pero no me sirve

<script type="text/javascript">
function cambiaTamanio(){
if (document.images) {
document.images.logo.width=150;
document.images.logo.height=120;
} else {
logo = document.getElementById("logo");
logo.width = 150;
logo.height = 120;
}
Para lanzar la función
</p><input type="button" onClick="cambiaTamanio()" value="Cambiar tamaño"/>

[Fernand0]

Código JavaScript:

function cambiaTamanio(){
if (document.images) {
document.images.logo.width='150px';
document.images.logo.height='120px';
} else {
logo = document.getElementById("logo");
logo.width = '150px';
logo.height = '120px';
}
 

[jordi45]

Iniciado por Fernand0

Código JavaScript:

function cambiaTamanio(){
if (document.images) {
document.images.logo.width='150px';
document.images.logo.height='120px';
} else {
logo = document.getElementById("logo");
logo.width = '150px';
logo.height = '120px';
}
 

gracias por los px, me he explicado mal ese código que he puesto sólo vale para una imagen <img src ="cualuier cosa"> que tenga además el id="logo"
Entonces lo hace pero si son más de una, modifica el tamaño de la primera y la segunda se queda igual.

Pregunto como se haría para una imagen dinámica $row_muestra['imagen']
donde el campo ('imagen'] no tiene ningún id

[Fernand0]

Si no tiene ID... tendrias que manejarte con una ruta de nodos... o basarte en la ruta del SRC...

Yo no se como esta constituido tu HTML.. asi que no pudo ayudarte demasiado....

Tendrias que usar getElementsByTagName().... tendrias que situarte en el nodo contenedor de las imagenes...

Código PHP:

  NODOCONTENEDORDELASIMAGENES.getElementsByTagName('img'); 
   

[jordi45]

Iniciado por Fernand0

Si no tiene ID... tendrias que manejarte con una ruta de nodos... o basarte en la ruta del SRC...

Yo no se como esta constituido tu HTML.. asi que no pudo ayudarte demasiado....

Tendrias que usar getElementsByTagName()[/URL].... tendrias que situarte en el nodo contenedor de las imagenes...

Código PHP:

  NODOCONTENEDORDELASIMAGENES.getElementsByTagName('img'); 
   

al ejecutar el php del campo [imagen]
salen todas las imagenes con el código <img src="http://www.forosdelweb.com/images/foto/el nombre y extensión particular"> lo que quiero es cambiar el tamaño de todas

[Fernand0]

Código JavaScript:

function cambiaTamanio(){
var cond='http://www.forosdelweb.com/images/foto/';
var iMg=document.getElementsByTagName('img');
 
for(var i=0; i<iMg.length; ++i) {
if(iMg.src.match(cond)) {
iMg[i].width='150px'; iMg[i].height='120px';
}
}
}
 

Fijate si esto es lo que queres..

[jordi45]

Iniciado por Fernand0

Código JavaScript:

function cambiaTamanio(){
var cond='images/foto/';
var iMg=document.getElementsByTagName('img');
 
for(var i=0; i<iMg.length; ++i) {
if(iMg.src.match(cond)) {
iMg[i].width='150px'; iMg[i].height='120px';
}
}
}
 

Fijate si esto es lo que queres..

lo he puesto así y no funciona

[Fernand0]

Código javascript:

function cambiaTamanio() {
    var cond='images/foto';
    var iMg=document.getElementsByTagName('img');
     
    for(var i=0; i<iMg.length; ++i) {
        if(iMg[i].src.match(cond)) {
            iMg[i].style.width='150px'; iMg[i].style.height='120px';
        }
    }
}
 

[jordi45]

Gracias ha funcionado pero como sería que saltara esa función desde un submit

<input type="submit" name="Submit" value="Enviar">
y ahora me he dado cuenta que

hay mas categorías de fotos tengo 5 carpetas diferentes como sería hacerlo con más de una condición foto, foto2, foto3, foto4 y foto5

var cond='images/foto';

[JavierB]

Hola jordi45

No hace falta que cites los mensajes para contestar.

Saludos,

[Fernand0]

Con var cond='images/foto'; alcanza para las 5 carpetas... no importa si es foto2 foto3.. fotoASDADA.. funciona igual... ahora si lo que queres es.. diferenciarlos...

Código PHP:

  var cond='images/foto/', cond2='images/foto2/', ...;

if(iMg[i].src.match(cond)) {
.....
}
else if(iMg[i].src.match(cond2)) {
.....
}
etc.. 
   

Desde un submit...? El submit es para formularios... no entiendo que queres hacer

[jordi45]

De acuerdo había puesto detrás de foto/ y por eso no me abarcaba más carpetas


Funciona perfectamente



lo del submit es porque las fotos salen desde un formulario php, con la orden submit, en vez de poner con un botón input por separado que desde el mismo submit lance la función del javascript de cambiar el tamaño de las fotos.

[Fernand0]

<body onload="cambiaTamanio();">

Pones eso en la hoja de las imagens y ya esta... cuando se carga la hoja.. ejecuta el comando..

[jordi45]

Todo OK


Otra forma de redimensionar imagenes desde javascript, el problema es que cuando hice la base de datos no tenía ni idea y metía el código entero en vez de solo la dirección de la imagen y luego simplemente añadirle el <img src="$row_mostrar['imagen'] width="150" height"=120">

con este código javascript solucionado el problema