Slideshow mit Hintergrundmusik

[patrickbieri]

Hallo

1. Ich möchte auf einer speziellen Unterseite meiner Website eine Hintergrundmusik abspielen. Format mid, wav oder mp3. Die Musik dient als Begleitung zu einer Slideshow und muss deshalb nicht gestoppt werden können.

Ich habe es bisher mit embed und object versucht. Doch keines von beidem habe ich ganz geschafft. Leider.

Was muss ich im head eintragen, um die Datei musik.mid (wav, mp3) als loop abzuspielen?

2. Das zweite ist, dass ich die Slideshow gerne automatisch starten würde, also ohne, dass der Besucher auf das erste kleine Bildchen klicken muss.

Ich habe es bisher mit onload versucht. Auch eine function um die drei javascripte habe ich versucht. Doch es scheitert wohl an den Details. Zum Beispiel an der id von VisualLightBox?

Wie kann ich die LightBox automatisch starten bei onload?

Ich habe nur wenig html Kenntnisse. Hier der link zu der betroffenen Seite:

< http://portalpb.bplaced.net/impressionen/impressionen.html>

Gruss
Patrick

[Felix Riesterer]

Lieber patrickbieri,

1.) Hast Du die notwendigen Rechte, dass Du die Musikdatei(en) auf Deiner Seite einbinden kannst? Wenn nicht, dann gehe ganz schnell zum Anwalt Deines geringsten Misstrauens, wenn Du auf die Musik nicht verzichten willst!

2.) Automatisch abspielende Musik vertreibt oft Seitenbesucher, die vielleicht gerade sowieso andere Musik hören und von Deiner Musik gerade nicht beglückt werden wollen. Besser ist es, die Musik zum Abspielen anzubieten, ohne dass diese sofort losdudelt.

3.) Dein Vorhaben lässt sich momentan nicht mit den von Dir aufgezählten Dateiformaten (mid, wav, mp3) so ohne weiteres umsetzen. Dazu bedarf es größerer Tricks (siehe Musik W3C-konform in Webseiten einbinden). Mit mp3 kannst Du relativ leichten Erfolg haben, mit den anderen beiden Formaten ist das weniger wahrscheinlich.

4.) Das automatische Starten einer JavaScript-gesteuerten Slideshow ist kein Hexenwerk. Folgender Artikel kann Dir helfen, die dazu nötigen Grundlagen zu erlernen: Fader-Framework - kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts

Ich habe nur wenig html Kenntnisse.

Das ist eine denkbar ungünstige Voraussetzung für Dein Anliegen. Wenn Du schon mit HTML kämpfst, dann ist JavaScript sicherlich noch schwieriger für Dich.

Wenn es schnell gehen muss, dann wirst Du um eine reine Flash-basierte Lösung kaum herumkommen. Wenn Du dagegen Zeit hast, dann kannst Du an Deinen Kenntnissen ja arbeiten.

Liebe Grüße,

Felix Riesterer.

[patrickbieri]

Hallo Felix

Danke für die prompte Antwort! Natürlich werde ich nur eigene Stücke abspielen oder dann solche von Freunden. Und da die angegebene Webseite ("Impressionen") ja genau für diesen Zweck da ist, kann man sie auch wieder verlassen, wenn man genug hat davon.

Punkt 3 habe ich mir bereits kurz angesehen. Das ist sicher die richtige Lösung und es sieht aus, als würde ich das hinkriegen.

Punkt 4 sieht dann schon etwas umfangreicher aus. Ich möchte wirklich nicht zum JavaScript-Programmierer werden. Ich möchte bloss die Slideshow von VisualLightBox beim Start von Impressionen automatisch ausführen. Dazu muss ich wohl die drei Scripte onload aufrufen und irgendwie noch eine id mitgeben.

Die Seite inkl. VisualLightBox-Code ist hier:

http://portalpb.bplaced.net/impressionen/impressionen.html

Vielleicht kannst Du Dir das mal anschauen und mir den richtigen Tipp geben?

liebe Grüsse
Patrick

[patrickbieri]

So, inzwischen bin ich fündig geworden. Hier nun die Lösung.

Der Head sieht nun so aus:

<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<script src="engine/js/vlbdata.js" type="text/javascript"></script>

<script type="text/javascript">  
		  
function showLightBox()  
   { Lightbox.start(document.getElementById('firstImage'));}  
			  
   window.onload = showLightBox;  
			  
</script>

<!-- End VisualLightBox.com HEAD section -->

Im Body muss nun noch eines der Bilder mit der id="firstImage" versehen werden:

<!-- Start VisualLightBox.com BODY section id=1 -->
<div id="vlightbox1">
<a class="vlightbox1" href="data/images1/baum.jpg" title="Baum" id="firstImage"><img src="data/thumbnails1/baum.jpg" alt="Baum"/></a>

Erklärung:
Die function showLightBox startet die Lightbox mit dem Bild, welches die id "fristImage" trägt.
window.onload führt dann showLightBox nach dem Laden der Seite aus.
id="fristImage" kennzeichnet das Startbild. Es könnte auch das zweite oder dritte...Bild sein.

Gruss
Patrick