Neu PopUp Fenster

GG_International

Aktives Mitglied
21. Juli 2017
46
5
Hallo zusammen,

in der Artikelbeschreibung mancher Artikel möchte ich eine Installationsanleitung in Form eines PopUps hinzufügen. Ich habe das folgende ausprobiert:
HTML:
<a class="popup" id="Install-de">Installationsanleitung</a>

<div class="hidden" id="popupInstall-de">
<iframe src="Installationsanleitung?exclusive_content=1"></iframe>
</div>

wo Installationsanleitung eine CMS-Seite ist. Das PopUp taucht auf, aber statt des Inhalt der entsprechenden Seite wird einfach die Startseite im PopUp gezeigt.
Als nächstes habe ich direkt ein Bild statt den iFrame benutzt, das Ergebnis hat sich allerdings nicht geändert.
HTML:
<a class="popup" id="Install-de">Installationsanleitung</a>

<div class="hidden" id="popupInstall-de">
<img alt="Anleitung im Popup" src="PfadZumBild" />
</div>

Hätte jemand eine Idee, was ich falsch gemacht habe?

Danke im Voraus!
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.698
1.611
Berlin
zum ersten Versuch
Das sollte so aussehen, Installationsanleitung ist die von dir angelegte html Seite:
<a href="Installationsanleitung" class="popup" id="Install-de">Installationsanleitung</a>

zum zweiten Versuch:
da wird dir dieses Beispiel helfen:
https://www.w3schools.com/bootstrap/bootstrap_modal.asp

PS: ein Bild zu verwenden ist die denkbar schlechteste Möglichkeit, wenn du in dem Bild die Installationsanleitung zu stehen hast. Mit dem Handy wird niemand etwas erkennen können.
 
  • Gefällt mir
Reaktionen: GG_International

Ähnliche Themen