Cita:
Iniciado por j_aroche 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