Hi zusammen,
ich habe in meiner Homepage Bilder eingebaut die vor skaliert sind (Jimdo).
Jetzt würde ich gerne die Vorskalierung ändern. Die Dimensionen von dem Bild stehen in einem Link:
<a href="https://image.jimcdn.com/app/cms/image/transf/dimension=266x367:format=jpg/path/s8649cfe614046b93/image/i8a65ed8619691a40/version/1516492863/image.jpg">https://image.jimcdn.com/app/cms/image/transf/dimension=266x367:format=jpg/path/s8649cfe614046b93/image/i8a65ed8619691a40/version/1516492863/image.jpg</a>
Jetzt ist meine Frage, wie ich diesen String: dimension=266x367 zum Beispiel zu dimension=2000x3300 umändern kann? Natürlich muss das im richtigen Verhältnis skaliert werden.
Wie schaff ich das denn mit einem simplen Code?
Code
<html>
<head>
<script src="/js_webseite/jquery.js"></script>
</head>
<body>
<div style="">
<label>
Breite:
<input type="text" id="text" value="266">
</label><br>
<label>
Höhe:
<input type="text" id="text1" value="367"></label><br>
<br><button id="andern">
Grösse ändern
</button>
</div>
<img src="" alt="">
<script>
$('#andern').click(function(){
var w =$('#text').val();
var h=$('#text1').val();
$('img').attr('src','https://dummyimage.com/'+w+'x'+h+'/')
})
</script>
</body>
</html>