Manche Mars Raw Images werden nicht vergrößert...
Obwohl diese interessant sind...
Und somit verliert man Lust daran weiter zu machen...
In Folgenden Beispielen versuche ich darzustellen wie man zu einen Positiven und zufriedenen Teilergebnis kommen kann...
Als Beispiel nehme ich Mast-Cam Aufnahmen
von Mars Rover Curiosity von 08.03.2016 oder Sol 1275..
Nun hat man da die Grundeinstellung trotzdem bleibt das Bild in gleicher Größe wie veröffentlicht...
Als Parameter nehme ich 500X500 Pixel...
Unter den Namen des Bildes folgende zwei Anweisungen...
src="http://mars.jpl.nasa.gov/msl-raw-images/msss/01275/mcam/1275ML0059750000504578I01_DXXX.jpg"
width="500"
height="500">
Dies ist der Urtext....
<html>
<head>
<meta name="viewport"
content="width=device-width, minimum-scale=0.1">
<title>1275ML0059750000504578I01_DXXX.jpg (160×144)
</title>
</head>
<body style="margin: 0px;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; height: 100%; vertical-align: middle;">
<img style="-webkit-user-select: none; display: block; margin:auto;"
src="http://mars.jpl.nasa.gov/msl-raw-images/msss/01275/mcam/1275ML0059750000504578I01_DXXX.jpg"
</div>
</div>
</body>
</html>
Dies ist der veränderter...
<html>
<head>
<meta name="viewport"
content="width=device-width, minimum-scale=0.1">
<title>1275ML0059750000504578I01_DXXX.jpg (160×144)
</title>
</head>
<body style="margin: 0px;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; height: 100%; vertical-align: middle;">
<img style="-webkit-user-select: none; display: block; margin:auto;"
src="http://mars.jpl.nasa.gov/msl-raw-images/msss/01275/mcam/1275ML0059750000504578I01_DXXX.jpg"
width="500"
height="500">
</div>
</div>
</body>
</html>
Und so sieht es dann aus...
1275ML0059750000504578I01_DXXX.jpg (500x500)
Autor: Juray Melis....
Obwohl diese interessant sind...
Und somit verliert man Lust daran weiter zu machen...
In Folgenden Beispielen versuche ich darzustellen wie man zu einen Positiven und zufriedenen Teilergebnis kommen kann...
Als Beispiel nehme ich Mast-Cam Aufnahmen
von Mars Rover Curiosity von 08.03.2016 oder Sol 1275..
Sofern man an der Seite herunter rollt befinden sich einige interessante Bilder die nicht vergrößert sind...
Als Beispiel nehme ich nehme ich dieses Bild...
Und das ist das Bild auf der Seite mit einen Pfeil hingewiesen...
Nun ich könnte einfach in den mit der Funktion X-Large das Bild auf dem Blog vergrößern...
Das würde die einfache Art und weise... Hier der Beispiel...
In solchen Fällen benütze ich gerne HTML-Script...
Ich klicke mit der rechte Maustaste neben den Bild und gehe auf Element untersuchen...
Wie auf folgende Darstellung...
Wie auf folgende Darstellung...
Dann bekommt man dies...
Mit rechte Maustaste klicken auf <html>
Dann auf Edit as HTML klicken...
Somit bekommt man den HTML-Text...
Diesen Text kopieren und mit HTML-Editor wenig bearbeiten...
Damit man einen kleinen Übersicht hat...
Damit man einen kleinen Übersicht hat...
Als Parameter nehme ich 500X500 Pixel...
src="http://mars.jpl.nasa.gov/msl-raw-images/msss/01275/mcam/1275ML0059750000504578I01_DXXX.jpg"
width="500"
height="500">
Dies ist der Urtext....
<html>
<head>
<meta name="viewport"
content="width=device-width, minimum-scale=0.1">
<title>1275ML0059750000504578I01_DXXX.jpg (160×144)
</title>
</head>
<body style="margin: 0px;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; height: 100%; vertical-align: middle;">
<img style="-webkit-user-select: none; display: block; margin:auto;"
src="http://mars.jpl.nasa.gov/msl-raw-images/msss/01275/mcam/1275ML0059750000504578I01_DXXX.jpg"
</div>
</div>
</body>
</html>
Dies ist der veränderter...
<html>
<head>
<meta name="viewport"
content="width=device-width, minimum-scale=0.1">
<title>1275ML0059750000504578I01_DXXX.jpg (160×144)
</title>
</head>
<body style="margin: 0px;">
<div style="display: table; width: 100%; height: 100%;">
<div style="display: table-cell; height: 100%; vertical-align: middle;">
<img style="-webkit-user-select: none; display: block; margin:auto;"
src="http://mars.jpl.nasa.gov/msl-raw-images/msss/01275/mcam/1275ML0059750000504578I01_DXXX.jpg"
width="500"
height="500">
</div>
</div>
</body>
</html>
Und so sieht es dann aus...
