Sie sind nicht angemeldet.

easybox in krpano verwenden

inno

Schüler

  • »inno« ist der Autor dieses Themas

Beiträge: 86

Wohnort: Wyk auf Föhr

  • Nachricht senden

1

Donnerstag, 31. Juli 2014, 22:27

easybox in krpano verwenden

Moin Gemeinde,

ich wollte auch mal eine Webseite, ein youtube Video oder Webcam Bilder in einer virtuellen Tour unterbringen. Hier und da habe ich hier im Forum etwas dazu gefunden, aber es nie an's rennen bekommen. Nun habe ich aus den kostenfreien Light/Shadowboxen easybox ausprobiert Download und Wiki

Alles was man braucht ist etwas HTML im <head>

Quellcode

 
1

<script type="text/javascript" src="./include/easybox/jquery-1.11.1.js"></script><script type="text/javascript" src="./include/easybox/easybox.min.js"></script><script type="text/javascript" src="./include/easybox/handlers.min.js"></script><script type="text/javascript" src="./include/easybox/extras/autoload.min.js"></script><link rel="stylesheet" href="include/easybox/styles/default/easybox.min.css" type="text/css" media="screen" />



Leider klappt das jquery Abrufen direkt aus dem Netz ala "<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>" nicht. Da müsste man noch eine .ready() Javascript Funktion basteln, um sicher zu stellen, dass jquery komplett geladen ist bevor man eine $-Funktion aufruft.
Wenn man das umgehen möchte, die aktuelle jQuery,min Javascript Datei runterladen und einbinden; das ist eigentlich schnell genug

Dann noch eine kleine Javascriptmethode im HTML File definieren

Quellcode

 
1

<script type="text/javascript">	function boxme() {		$.easybox([{url: "http://www.faehre.de/fileadmin/content/img/webcam/webcam2.jpg", width: 800, 				height: 600},	 {url: "http://www.faehre.de/fileadmin/content/img/webcam/webcam1.jpg", width: 800, height: 600},	 {url: "http://www.faehre.de/fileadmin/content/img/webcam/webcam3.jpg", width: 800, height: 600}]					,0,{loop : true});	}	</script>


Hier werden 3 Webcams auswählbar. Geht aber auch mit z.B. "http://krpano.com/" *g* Dann wird die Website angezeigt.


In der XML Datei einfach die Fun ktion per js Aufrufen und es sollte laufen

Quellcode

 
1

ondown = "js(boxme();)"



so siehts bei mir aus



Schönen Abend allen
LG
Peter

P.S: mit den [code] Tags komme ich nicht klar. Zeilenumbrüche werden einfach ignoriert... Liegt es daran, dass ich hier Linux benutze??

Ähnliche Themen