Kann mir jemand erklären, wie ich einen gesprochenen Text beim anklicken eines Bildes abspielen lassen kann?
Druckbare Version
Kann mir jemand erklären, wie ich einen gesprochenen Text beim anklicken eines Bildes abspielen lassen kann?
Hallo Jahna,
zuerst den Javascript in die Seite einbauen
und dann das Bild einfügen...Code:<!-- --><bgsound id="soundfiles">
<script language="JavaScript"><!-- // Sound on Mouseover javascript
supplied by http://www.hypergurl.com var aySound = new Array(); // PLACE YOUR
SOUND FILES BELOW aySound[0] = "CHORD.wav"; aySound[1] = "DING.wav";
aySound[2] = "CHORD.wav"; // Don't alter anything below this line IE
= (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)?
1:0; NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])?
1:0; ver4 = IE||NS? 1:0; onload=auPreload; function auPreload() { if (!ver4) return;
if (NS) auEmb = new Layer(0,window); else { Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str); } var Str = ''; for
(i=0;i<aySound.length;i++) Str += "<EMBED SRC='"+aySound[i]+"'
AUTOSTART='FALSE' HIDDEN='TRUE'>" if (IE) auEmb.innerHTML = Str; else
{ auEmb.document.open(); auEmb.document.write(Str); auEmb.document.close(); }
auCon = IE? document.all.soundfiles:auEmb; auCon.control = auCtrl; } function
auCtrl(whSound,play) { if (IE) this.src = play? aySound[whSound]:''; else eval("this.document.embeds[whSound]."
+ (play? "play()":"stop()")) } function playSound(whSound)
{ if (window.auCon) auCon.control(whSound,true); } function stopSound(whSound)
{ if (window.auCon) auCon.control(whSound,false); } //--></script> <!--
-->
<img src="yourimage.gif" onMouseOver="playSound(3)" onMouseOut="stopSound(3)">
lg elukas
Danke!
Muss aber nachfragen:
Bei mir ist das Bild als Elementtyp Bild in die Seite eingeordnet. Wo muss ich denn nun genau diesen Java Script einfügen?
Hier mein Versuch den Code einzubauen. Allerdings wird so der gesamten Code auf der Webseite angezeigt:rolleyes:.
...hab noch den Code JAVA bestimmt und dann erscheint das hier:
Hallo jahna,
das Artikel-Inhaltselement "Code" ist nur für die formatierte Ausgabe im Frontend vorgesehen und nicht für das Einbinden von (JavaScript)Code in einem HTML-Dokument.
Du könntest diesen Code in eine externe JavaScript-Datei auslagern und dann im "Seitenlayout" / Bereich "Experten-Einstellungen" über das Feld "Zusätzliche <head>-Tags" einbinden.
Ob es auch funktioniert, wenn Du den Code am Seitenende einbindest, weiß ich nicht. In diesem Fall könntest Du den Code direkt in das Eingabefeld "Eigener JavaScript-Code" eingeben. Allerdings würde ich dann im <script>-Element standardkonforme Attribute reinschreiben, also anstelle von
sowas hierCode:<script language="JavaScript">
Code:<script type="text/javascript">
Könnte mir bitte jemand Schritt für Schritt angeben, wie ich vorgehen muss, damit ich die Idee von elukas richtig umsetzenkann... Ich hab noch keine Ahnung von Contao-Programmierung und finde mich eher schlecht zurecht....Zitat:
Zitat von elukas
Hier komm ich definitiv nicht weiter und wäre dankbar für Hilfe :(
Gibt es denn niemand hier im Forum, der mir helfen kann?
Ich würde eher versuchen über das mp3-Plugin den Text abzuspielen. Das erfordert zwar einen zusätzlichen Knopf, hätte aber den Vorteil, das diese Datei nicht fest verdrahtet wäre und bei Änderungen die Handhabung leichter ist.
Welcher Player wäre denn für 2.9.4 am besten geeignet?
Ich möchte einfa
Er soll die Möglichkeit bieten, ganz einfach die hinterlegte Datei schnell und unkompliziert, möglichst mit einem Klick abzuspielen.
Ich würde es damit versuchen:
http://www.contao.org/erweiterungsli....60039.de.html