• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

image im iframe anzeigen

@Alphavirus

Neues Mitglied
Moin Leute
Hab hier ein kleines Problemchen.
Nach dem klicken auf den Link soll im iframe eine Bild angezeigt werden.
Und zwar so, dass es ohne scrollen komplett sichtbar ist.
Hier die Adresse und der Code:

Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        iframe {
            width: 500px;
            height: 500px;
        }
    </style>
</head>
<body>
    <a href="img/test.webp" target="iframe">Hier klicken</a>
    <iframe name="iframe"></iframe>

</body>
</html>

Vielleicht fällt ja jemandem was dazu ein.
 
Hallo @Alphavirus, dein Wunsch ist einigermaßen unkonventionell. Hat das einen bestimmten Grund, dass Du das so machen willst?
 
Also ich wollte eine kurze Fotokollage für meine Mutter machen.
Ich hab es jetzt so gelöst, das für jedes Foto eine komplett neue Seite angezeigt wird.
Aber trotzdem würde mich interessieren, ob das mit dem iframe möglich ist.
 
Slideshow wäre sinnvoll, ansonsten kannst du dem iFrame mit aspect-ratio die Auflösung vom Bild verpassen.
 
Unter Fotocollage stelle ich mir eigentlich so etwas vor:
Aber wenn ich lese, dass für jedes Foto eine neue Seite angezeigt werden soll, trifft das wahrscheinlich nicht zu. Du willst wahrscheinlich eine Galerie wo jedes Bild bei Klick groß angezeigt wird? Das kannst Du auch ohne iFrame bekommen, indem Du das betr. Bild in einem Container anzeigst, der im HTML eingebettet ist.
Eine andere ansprechende Alternative könnte eine Lightbox sein:
(Die Demo anschauen.)
 
Zuletzt bearbeitet:
Dann wäre es hilfreich wenn Du kurz erklärst wie Du es gelöst hast, damit auch die anderen User davon profitieren können.
 
Zurück
Oben