Breite eines Div-Bereichs mit JavaScript ODER PHP ändern bearbeitet von einsiedler 12.04.2016 23:11 Zitat: Aber serverseitig (PHP) schon auf clientseitige Bedingungen (Bildschirm- oder Fenstergröße) zu reagieren, die der Server gar nicht kennt ... das klingt paradox. Gut, leuchtet mir ein, anfangs hab ich auch mit einer javascript-Lösung angefangen: ~~~html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BLABLABLABLUPP</title> <style type="text/css"> #fotobox { display: -webkit-flex; display: flexbox; display: flex; -webkit-align-items: center; -ms-flex-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-justify-content: center; justify-content: center; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".variablebreite").click(function(){ var newWidth = $(".variablewidth").val(); $(".box").width(newWidth); }); }); </script> </head> <body> <div id = "fotobox" class = "variablebreite"> <figure> <!-- <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/92/BER-Pictogram.svg/200px-BER-Pictogram.svg.png" alt="Beispielbild"> --> <img src="https://upload.wikimedia.org/wikipedia/commons/3/37/Swissair-Flugzeug.jpg" alt="Beispielbild"> </figure> </div> </body> </html> ~~~ Ich möchte erreichen das sich das img weder bei strg++ vergrössert und sich beim Browserzusammenschieben ordentlich skaliert verkleinert. Ich habe auch schon daran gedacht die "schmalen und hohe Fotos" als png mit unsichtbaren layer also mit rechten und linken Rand zu bearbeiten. So haben sie ja die feste 49.48vw Breite. DAS aber ungern.... *seufZ*
Breite eines Div-Bereichs mit JavaScript ODER PHP ändern bearbeitet von einsiedler 12.04.2016 23:23 Zitat: Aber serverseitig (PHP) schon auf clientseitige Bedingungen (Bildschirm- oder Fenstergröße) zu reagieren, die der Server gar nicht kennt ... das klingt paradox. Gut, leuchtet mir ein, anfangs hab ich auch mit einer javascript-Lösung angefangen: ~~~html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BLABLABLABLUPP</title> <style type="text/css"> #fotobox { display: -webkit-flex; display: flexbox; display: flex; -webkit-align-items: center; -ms-flex-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-justify-content: center; justify-content: center; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".variablebreite").click(function(){ var newWidth = $(".variablewidth").val(); $(".box").width(newWidth); }); }); </script> </head> <body> <div id = "fotobox" class = "variablebreite"> <figure> <!-- <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/92/BER-Pictogram.svg/200px-BER-Pictogram.svg.png" alt="Beispielbild"> --> <img src="https://upload.wikimedia.org/wikipedia/commons/3/37/Swissair-Flugzeug.jpg" alt="Beispielbild"> </figure> </div> </body> </html> ~~~ Ich möchte erreichen das sich das img weder bei strg++ vergrössert und sich beim Browserzusammenschieben ordentlich skaliert verkleinert. Ich habe auch schon daran gedacht die "schmalen und hohe Fotos" als png mit unsichtbaren layer also mit rechten und linken rand zu bearbeiten. So haben sie ja die feste 49.48vw Breite. *seufZ*
Breite eines Div-Bereichs mit JavaScript ODER PHP ändern bearbeitet von einsiedler 12.04.2016 23:23 Zitat: Aber serverseitig (PHP) schon auf clientseitige Bedingungen (Bildschirm- oder Fenstergröße) zu reagieren, die der Server gar nicht kennt ... das klingt paradox. Gut, leuchtet mir ein, anfangs hab ich auch mit einer javascript-Lösung angefangen: ~~~html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BLABLABLABLUPP</title> <style type="text/css"> #fotobox { display: -webkit-flex; display: flexbox; display: flex; -webkit-align-items: center; -ms-flex-align-items: center; align-items: center; -webkit-justify-content: center; -ms-flex-justify-content: center; justify-content: center; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".variablebreite").click(function(){ var newWidth = $(".variablewidth").val(); $(".box").width(newWidth); }); }); </script> </head> <body> <div id = "fotobox" class = "variablebreite"> <figure> <!-- <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/92/BER-Pictogram.svg/200px-BER-Pictogram.svg.png" alt="Beispielbild"> --> <img src="https://upload.wikimedia.org/wikipedia/commons/3/37/Swissair-Flugzeug.jpg" alt="Beispielbild"> </figure> </div> </body> </html> ~~~
nicht angemeldet
