Hi Zusammen,
ich habe in meiner Homepage Bilder eingebaut die vorskaliert sind (Jimdo).
Jetzt würde ich gerne die Vorskalierung ändern. Die Dimensionen von dem Bild stehen in einem Link:
<div class="prehelp"><pre class="html_code">
src="https://image.jimcdn.com/app/cms/image/transf/dimension=266x367:format=jpg/path/s8649cfe614046b93/image/i8a65ed8619691a40/version/1516492863/image.jpg"
</pre></div>
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
<script src="/js_webseite/jquery.js"></script>
<p>
Link = <a id="link" href=""></a>
</p>
<p>
Breite:
</p>
<input type="text" id="text" value="266">
<br><p>
Höhe:
</p><input type="text" id="text1" value="367">
<img src="" alt="">
<br><button id="andern">
Grösse ändern
</button>
<script>
$('#andern').click(function(){
var w =$('#text').val();
var h=$('#text1').val();
$('img').attr('src','https://www.fillmurray.com/'+w+'/'+h+'')
$('#link').html($('img').attr('src')).attr('href',$('img').attr('src'));
})
</script>