Bitte genauestens prüfen ob alles richtig funktioniert

[einsiedler]

hi marctrix, dann denke ich gerade über eine andere neuen Aufbau / Stuktur nach: wäre es dann nicht besser das Ganze so zu lösen?

Also mit <figure> und <figcaption>! Wäre das nicht besser?

Nur ist die Frage ob ich im <figure> noch ein <div> setzen darf, warscheinlich nicht!

Ich benötige (dieses orange gekennzeichnete) div das es kein springen des Bildes gibt, denn alle Bilder sind unterschiedlich / sowohl hoch als auch waagrecht breit) Dann "hüpfen" mir die Bilder, ich hatte das schon mal ausprobiert! das möchte ich unterbinden indem ich einen "vorgegeben Raum" für die Bilder gebe.

Dazu kommt noch, es sind nicht nur Bilder sondern auch Videos, darf man die auch in <figure> setzen? Sowohl Bilder als auch die Videos haben eine Erläuterung und da sehe ich <figcaption> als richtig an! Sehe ich das richtig?

Ich möchte mit diesem Lernprojekt endlich mal zum Ende kommen.

@Gunnar O.K. das mit dem php habe ich verstanden. was mache ich nun aber wenn ich Fotos und Videos ausgebe?

<figure>
	<?php
		{ ... BERECHNUNGEN der Bildgrösse ... }
										
			echo '<img style="width: '. $res_width .'vw; height: '. $res_height .'vh; max-width: 100%; height: auto;" src="'. $values['file']['filename'] .'" alt="" width="'.$values['file']['width'] .'" height="'.$values['file']['height'] .'" />';
							}
				elseif ($values['file']['type'] == 'video')
					{
					$res_width = 39.063312;
					$res_height = 77.241564;
										
				echo '<video autoplay controls style="width:'. $res_width .'vw; height: '. $res_height .'vh; max-width: 100%; height: auto;">';
				foreach ($values['file']['fileTypes'] as $extension) {
				echo '<source src="'. $values['file']['filename'] .'.'. $extension .'" type="video/'. $extension .'"></source>';
				}
				echo 'Your browser does not support the video tag.';
				echo '</video>';
				}
				else 
				{
				echo '<b>Die aufgerufene Datei existiert leider nicht.<br /> Leite zum Anfang zurück ...</b><meta http-equiv="refresh" content="3; URL=index_uebung2.php">';    
				}
	?>                            
</figure>

Was muss ich da für Änderungen vornehmen?

Gruss der einsiedelnde (der endlich mal fertig werden will!)