Videos - Popup öffnen per Mausklick

23.08.2017 21:36

Honey
#1

Hallo Zusammen

Ich bin seit Tagen am rumbasteln meiner Jimdo Seite und drehe mich gerade recht im Kreis. Ich erlaube mich die Schwarmintelligenz anzuzapfen und wünsche mir fest, dass jemand von Euch bereits einmal diese Herausforderung erfolgreich meistern konnte... Und diese auch gerne mit mir teilen möchte

Nun gut, um Was geht es?
Ich möchte über einen Link/Button ein Popup öffnen, in welchem mein definiertes YouTube Video gestartet wird. Die Grösse des Popups entspricht exakt dem Videoformat. Der Rest des Bildschirms ist abgedunkelt. Auf dem Popup ist einzig ein X sichtbar, wo das Popup wieder geschlossen werden kann.

Eine generelle Anleitung habe ich auf dem Netz gefunden:
- http://dinbror.dk/blog/bPopup/
- http://dinbror.dk/blog/bPopup/

Meine GROSSE Herausforderung... ich bringe das nicht in meine Jimdo Seite rein. Meine Vermutung ist, dass der Klick-Event nicht korrekt ausgeführt wird.
Kann mir jemand Step by Step sagen wie ich die Anleitung in Jimdo umsetzen kann???

Ihr würdet mir etliche weitere schlaflose Nächte sparen.
Liebe Grüsse von Honey aus der Schweiz

Antworten

Beitrag melden

#2

24.08.2017 16:35 (zuletzt bearbeitet: 24.08.2017 16:49)

az_
#2

az_

...nicht ganz einfach :) aber wahrscheinlich bist Du über die Locations gestolpert.

Hier findest Du alle jquery-Versionen:

- https://code.jquery.com/jquery/

...und dann musst Du noch die übrigen Skripte von der Seite einbinden:

1
2
3
4
 
	<script>window.jQuery || document.write('<script src="assets/jquery-1.9.1.min.js"><\/script>')</script>
        <script src="assets/jquery.bpopup-0.11.0.min.js"></script>
	<script src="assets/jquery.easing.1.3.js"></script>
	<script src="assets/scripting.min.js"></script>
 

...statt "assets/..." musst Du aber den richtigen Pfad zu Deinen Dateispeicherorten einsetzen.

Hier ein Beispiel eines automatischen Popups im Jimdo:
- https://designtest-madrid.jimdo.com/popup/

LG, az

PS: Danke für den Link, der ist Klasse!

PPS: hier nochmal für alle:
- http://dinbror.dk/bpopup/ (Anleitung)
- https://raw.github.com/dinbror/bpopup/ma...y.bpopup.min.js (Download jquery.bpopup.min.js)

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

24.08.2017 21:59

Honey
#3

Honey

Hey Herzlichen Dank für Deine Ausführungen und Unterstützung.
Ich komme mir gerade etwas hilflos vor, denn ich stehe aktuell nach wie ein Esel vor einem Berg . Ganz ehrlich... ich glaube ich habe mir hier gerade etwas viel zugemutet. Jedoch um bereits die Flinte ins Korn zu werfen, frage ich Dich höflich: "Wäre es möglich mir möglichst eine Schritt für Schritt Anleitung zu posten?" Meine Vermutung wo der Fehler aktuell nun liegen könnte ist, dass ich gar nicht die gesamten Zusammenhänge sehe.
Solltest Du mich unterstützen wollen, würde ich mich sehr freuen, wenn nicht verstehe ich das auch.
Viele Grüsse aus der mittlerweile sehr finsteren Schweiz.
Honey

Antworten

Beitrag melden

#4

25.08.2017 10:57

az_
#4

az_

...momentan hab ich dazu keine Zeit, tml. Sonst werden meine Kunden gnietschig :)

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html