Einzelne Wörter in Link ändern

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:
src="https://image.jimcdn.com/app/cms/image/transf/dimension=266x367:format=jpg/path/s8649cfe614046b93/image/i8a65ed8619691a40/version/1516492863/image.jpg"
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?

Der hier verwendete Code

<script sc="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.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://image.jimcdn.com/app/cms/image/transf/dimension='+w+'x'+h+':format=jpg/path/s8649cfe614046b93/image/i8a65ed8619691a40/version/1516492863/image.jpg') $('#link').html($('img').attr('src')).attr('href',$('img').attr('src')); }) </script>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!