Comment utiliser javascript pour ouvrir une image dans une fenêtre séparée après l'avoir redimensionnée?

Question

C'est le code que j'ai pour redimensionner l'image pour moi. Ce que je ne sais pas comment faire, c'est que le code ouvre l'image après qu'elle a été redimensionnée.

donc ce que je veux pour qu'il est est

1. Redimensionner l'image (Il fait déjà).
2. Une fois l'image redimensionnée, l'ouvrir dans une fenêtre séparée

C'est le code qui redimensionne l'image pour moi.

function resize(which, max) { 
    var elem = document.getElementById(which); 
     if (elem == undefined || elem == null) return false; 
    if (max == undefined) max = 1024; 
    if (elem.width > elem.height) { 
     elem.width = max; 
    elem.height = 768; 
    } 
    } 

Answer 1

Ce code ne redimensionne pas réellement l'image, il change juste comment il est affiché. Si l'image est téléchargée ou ouverte dans une fenêtre séparée, ce seront les dimensions de l'image originale. Je ne pense pas qu'il existe un moyen de modifier l'image via JavaScript. Cependant, vous pouvez trouver un programme qui peut le faire pour vous et l'appeler via un appel Ajax. Par exemple, je pense que Gimp peut gérer cela, et si vous pouvez l'appeler à partir d'un script PHP, alors vous pouvez appeler ce script PHP via un appel Ajax et l'afficher. C'est une solution compliquée, mais c'est le meilleur que je puisse penser.

Answer 2

Comme l'a souligné tjameson, JavaScript ne redimensionne pas vraiment votre image.

Si vous voulez prendre cette image dans une nouvelle fenêtre, voici une façon de le faire:

var im = document.getElementsByTagName('img')[0]; 
var w = window.open(""); 
var b = w.document.body; 
b.appendChild(im); 

Vous pouvez appliquer la fonction de redimensionnement sur cette image si vous le voulez affiché redimensionnée.

Answer 3

I en annexe le code nécessaire à la fonction de modification de taille initiale

function resize(which, max) 
    { 
     var elem = document.getElementById(which); 
     if (elem == undefined || elem == null) return false; 
     if (max == undefined) max = 1024; 
     if (elem.width > elem.height) 
     { 
      elem.width = max; 
      elem.height = 768; 
     } 
     var f = window.open("", "_blank", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10"); 
     f.document.title = elem.alt; 
     f.document.body.innerHTML += '<img src="'+elem.src+'" height="'+elem.height+'" width="'+elem.width+'" alt="'+elem.alt+'">'; 


}