Ver Mensaje Individual
  #386 (permalink)  
Antiguo 18/07/2007, 14:56
Avatar de AlZuwaga
AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 10 meses
Puntos: 535
Re: Nuevo Diseño Foros del Web

Cita:
Iniciado por j_aroche Ver Mensaje
Si fueran imagenes subidas por medio del foro si es posible hacer, pero como son enlazadas desde servidores externos es mas complicado.

Creo que la solución será:
.post_content img {
max-width: 580px;
}

Lo malo, no funciona en IE6
¿Qué tal usar un script para ello?
Para funcionar es necesario tener habilitado JS; pero no es un impedimento para quienes no lo tengan ya que, igualmente, podrán ver la imagen aunque, claro, con las tablas desformadas... pero.. que se jodan ¿no?

Código:
<script type="text/javascript">
function escalarImg(){
	var divs = document.getElementsByTagName('div');
	for(var i=0; i < divs.length; i++){
		if(/post_content/.test(divs[i].className)){
			var imas = document.getElementsByTagName('img');
			for(var i=0; i < imas.length; i++){
				ancho_max = 580;
				ancho_actual = imas[i].width;
				if(ancho_actual > ancho_max){
					imas[i].width = 580;
					imas[i].title = "Imagen escalada";
					alertar_escala = document.createElement('a');
					escala_texto = document.createTextNode('La imagen fue escalada. Click para abrirla en nueva ventana a tamaño real.');
					alertar_escala.appendChild(escala_texto);
					alertar_escala.setAttribute('href',imas[i].src);
					alertar_escala.onclick = function(){abrir_original(this); return false;};
					imas[i].parentNode.appendChild(document.createElement('br'));
					imas[i].parentNode.appendChild(alertar_escala);
				}//if
			}//for
		}//if
	}//for
}//function

function abrir_original(ima){
	window.open(ima.href);
}

window.onload = escalarImg;
</script>
La acabo de escribir y mis conocimientos de JS no son muchos.. así que debe ser 99% mejorable