nicht angemeldet
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:
<!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
Gunnar Bittersmann
Matthias Apsel
JürgenB
Der Martin