Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Musik in HP
Frage
Hallo.
Bin blutiger Anfänger was HP und “Script” betrifft.
Also, habe in meiner HP, die ich mit FontPage erstellt habe, auf einer “Seite” ein Script eingebunden (habe ich im Internet gewunden), damit die Bilder als Filmstreifen vorbeilaufen. Zusätzlich ist diese Seite mit einer Hintergrundmusik (midi) belegt. Rufe ich jetzt die entsprechenden Seite meine HP auf, ist alles wunderbar, die Bilder laufen als Filstreifen vorbei und die Musik erklingt. Wenn ich jedoch ein Bild anklicke wird dieses vergrößert (was es auch soll), aber die Musik hört auf zu spielen (was sie nicht soll).
Was kann ich tun?
Ich habe wenig (überhaupt keine) Ahnung von Scripts.
[i] Hier der Script:[/i]
<script type=´text/javascript´>
<!--
var sliderwidth = 850; // Breite des Sliders
var sliderheight = 200; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = ´<a href="bilder/01.jpg"><img src="bilder/01_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/02.jpg"><img src="bilder/02_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/03.jpg"><img src="bilder/03_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/04.jpg"><img src="bilder/04_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/05.jpg"><img src="bilder/05_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/06.jpg"><img src="bilder/06_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/07.jpg"><img src="bilder/07_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/08.jpg"><img src="bilder/08_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/09.jpg"><img src="bilder/09_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/10.jpg"><img src="bilder/10_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/11.jpg"><img src="bilder/11_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/12.jpg"><img src="bilder/12_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/13.jpg"><img src="bilder/13_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/14.jpg"><img src="bilder/14_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/15.jpg"><img src="bilder/15_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/16.jpg"><img src="bilder/16_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/17.jpg"><img src="bilder/17_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/18.jpg"><img src="bilder/18_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/19.jpg"><img src="bilder/19_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/20.jpg"><img src="bilder/20_small.jpg"></a>´;
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = ´<nobr>´ + leftrightslide.join(" ") + ´</nobr>´;
var iedom = document.all || document.getElementById;
if (iedom)
document.write(´<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">´ + leftrightslide + ´</span>´);
var actualwidth = ´´;
var cross_slide, ns_slide;
function fillup(){
if (iedom){
Wäre toll, wenn Ihr mir helfen könntet.
Grüß vom Rhein
Jimmy
Antwort 1 von rfb
Zum einen ist das Script alles andere als vollständig, zum anderen fehlt die Info, wie du die Musik einbindest.
Wenn ich mir die Zeile
Dass Hintergrundmusik in diesem Forum auf der Beliebtheitsskala auf den hintersten Plätzen liegt möchte ich nur nebenbei erwähnen.
Wenn ich mir die Zeile
Zitat:
<a href="bilder/01.jpg"><img src="bilder/01_small.jpg"></a>
ansehe, deutet diese darauf hin, dass einfach die vorhandene Seite (die mit der HG-Musik) durch das Bild ersetzt wird. Das würde die plötzliche Stille erklären. Aber ohne den Rest des Scripts zu kennen kann ich nicht sagen, ob das schon die Erklärung ist.<a href="bilder/01.jpg"><img src="bilder/01_small.jpg"></a>
Dass Hintergrundmusik in diesem Forum auf der Beliebtheitsskala auf den hintersten Plätzen liegt möchte ich nur nebenbei erwähnen.
Antwort 2 von helmi55
Hier die ganze Seite, als html (muß sie Teilen, zuviel Zeichen).
sonnige Grüße aus Koblenz
Jimmy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Gauklerfest 2005</title>
<bgsound src="circus3[1].mid" loop="-1">
</head>
<body>
<p class="MsoNormal"><img border="0" src="titelbild14.jpg" width="401" height="297"></p>
<p class="MsoNormal"><font face="Arial" size="4">Koblenz</font><br>
</p>
<script type=´text/javascript´>
<!--
var sliderwidth = 850; // Breite des Sliders
var sliderheight = 200; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = ´<a href="bilder/01.jpg"><img src="bilder/01_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/02.jpg"><img src="bilder/02_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/03.jpg"><img src="bilder/03_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/04.jpg"><img src="bilder/04_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/05.jpg"><img src="bilder/05_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/06.jpg"><img src="bilder/06_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/07.jpg"><img src="bilder/07_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/08.jpg"><img src="bilder/08_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/09.jpg"><img src="bilder/09_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/10.jpg"><img src="bilder/10_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/11.jpg"><img src="bilder/11_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/12.jpg"><img src="bilder/12_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/13.jpg"><img src="bilder/13_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/14.jpg"><img src="bilder/14_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/15.jpg"><img src="bilder/15_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/16.jpg"><img src="bilder/16_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/17.jpg"><img src="bilder/17_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/18.jpg"><img src="bilder/18_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/19.jpg"><img src="bilder/19_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/20.jpg"><img src="bilder/20_small.jpg"></a>´;
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = ´<nobr>´ + leftrightslide.join(" ") + ´</nobr>´;
var iedom = document.all || document.getElementById;
if (iedom)
document.write(´<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">´ + leftrightslide + ´</span>´);
var actualwidth = ´´;
var cross_slide, ns_slide;
sonnige Grüße aus Koblenz
Jimmy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Gauklerfest 2005</title>
<bgsound src="circus3[1].mid" loop="-1">
</head>
<body>
<p class="MsoNormal"><img border="0" src="titelbild14.jpg" width="401" height="297"></p>
<p class="MsoNormal"><font face="Arial" size="4">Koblenz</font><br>
</p>
<script type=´text/javascript´>
<!--
var sliderwidth = 850; // Breite des Sliders
var sliderheight = 200; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = ´<a href="bilder/01.jpg"><img src="bilder/01_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/02.jpg"><img src="bilder/02_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/03.jpg"><img src="bilder/03_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/04.jpg"><img src="bilder/04_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/05.jpg"><img src="bilder/05_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/06.jpg"><img src="bilder/06_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/07.jpg"><img src="bilder/07_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/08.jpg"><img src="bilder/08_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/09.jpg"><img src="bilder/09_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/10.jpg"><img src="bilder/10_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/11.jpg"><img src="bilder/11_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/12.jpg"><img src="bilder/12_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/13.jpg"><img src="bilder/13_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/14.jpg"><img src="bilder/14_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/15.jpg"><img src="bilder/15_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/16.jpg"><img src="bilder/16_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/17.jpg"><img src="bilder/17_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/18.jpg"><img src="bilder/18_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/19.jpg"><img src="bilder/19_small.jpg"></a>´;
leftrightslide[i++] = ´<a href="bilder/20.jpg"><img src="bilder/20_small.jpg"></a>´;
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = ´<nobr>´ + leftrightslide.join(" ") + ´</nobr>´;
var iedom = document.all || document.getElementById;
if (iedom)
document.write(´<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">´ + leftrightslide + ´</span>´);
var actualwidth = ´´;
var cross_slide, ns_slide;
Antwort 3 von helmi55
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20;
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=fillup;
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed;
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30;
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30;
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+30;
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+30;
}
}
if (iedom||document.layers){
with (document){
document.write(´<table border="0" cellspacing="0" cellpadding="0"><td>´);
if (iedom){
document.write(´<div style="position:relative;width:´ + sliderwidth + ´;height:´ + sliderheight + ´;overflow:hidden">´);
document.write(´<div style="position:absolute;width:´ + sliderwidth + ´;height:´ + sliderheight + ´;background-color:´ + slidebgcolor + ´" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">´);
document.write(´<div id="test2" style="position:absolute;left:0;top:0"></div>´);
document.write(´<div id="test3" style="position:absolute;left:-1000;top:0"></div>´);
document.write(´</div></div>´);
}
else if (document.layers){
document.write(´<ilayer width=´+sliderwidth+´ height=´+sliderheight+´ name="ns_slidemenu" bgColor=´+slidebgcolor+´>´);
document.write(´<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>´);
document.write(´<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>´);
document.write(´</ilayer>´);
}
document.write(´</td></table>´);
}
}
//-->
</script>
</body>
</html>
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20;
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=fillup;
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed;
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30;
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30;
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+30;
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+30;
}
}
if (iedom||document.layers){
with (document){
document.write(´<table border="0" cellspacing="0" cellpadding="0"><td>´);
if (iedom){
document.write(´<div style="position:relative;width:´ + sliderwidth + ´;height:´ + sliderheight + ´;overflow:hidden">´);
document.write(´<div style="position:absolute;width:´ + sliderwidth + ´;height:´ + sliderheight + ´;background-color:´ + slidebgcolor + ´" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">´);
document.write(´<div id="test2" style="position:absolute;left:0;top:0"></div>´);
document.write(´<div id="test3" style="position:absolute;left:-1000;top:0"></div>´);
document.write(´</div></div>´);
}
else if (document.layers){
document.write(´<ilayer width=´+sliderwidth+´ height=´+sliderheight+´ name="ns_slidemenu" bgColor=´+slidebgcolor+´>´);
document.write(´<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>´);
document.write(´<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>´);
document.write(´</ilayer>´);
}
document.write(´</td></table>´);
}
}
//-->
</script>
</body>
</html>
Antwort 4 von rfb
da sich mir der SInn und Zweck des ganzen nicht so einfach erschließt und mein Browser ebenfalls nix damit anfangen kann oder will: ist deine Seite irgendwo im Netz zu sehen?
Antwort 5 von helmi55
Ja, die Seite ist unter http://www.helmut-neukirch.de/ zu sehen, dort “Neues”, in oberer Leiste, anklicken.
Gruß
Jimmy
Gruß
Jimmy
Antwort 6 von rfb
OK, wie vermutet, der Briwser verlässt einfach die Seite und ruft stattdessen das Groß-Bild auf. damit fällt natürlich auch die HG-Musik aus.
Abhilfe?
Setz den HG-Musik-Kram irgendwo anders in dein Frameset, z.B. in den oberen Frame, dann dudelt das die ganze Zeit.
Ansonsten müsstest du die Seite so umgestalten, dass die Bilder ausgetauscht werden, nicht separat neugeladen. Aber das ist deutlich mehr Arbeit.
Abhilfe?
Setz den HG-Musik-Kram irgendwo anders in dein Frameset, z.B. in den oberen Frame, dann dudelt das die ganze Zeit.
Ansonsten müsstest du die Seite so umgestalten, dass die Bilder ausgetauscht werden, nicht separat neugeladen. Aber das ist deutlich mehr Arbeit.
Antwort 7 von helmi45
Danke, für die schnelle Auskunft.
Ich werde es versuchen.
Gruß vom deutschen Eck
Jimmy
Ich werde es versuchen.
Gruß vom deutschen Eck
Jimmy
Antwort 8 von sutadur
Diese "schnelle Antwort" auf die Frage nach dem Grund, weshalb die Musik abbricht, hast Du übrigens schon gestern in Deinem ersten Beitrag bekommen ...
Antwort 9 von helmi55
Ich weiß, auch danke dafür, hatte aber keine Lösung und auch bemerkt, das ich die Frage in die Falsche "Gruppe" gestellt habe.
Antwort 10 von helmi55
Es klappt nicht wie ich es mir vorstelle. Will das "Dedudel" nur bei dieser Seite haben und es soll nicht abbrechen, denn die ein Bild hochgeladen wird, jedoch, wenn eine andere Seite geöffnet wird.
Ggf. doch die Seite umgestalten, aber wie geht das?
Grüß
Jimmy
Ggf. doch die Seite umgestalten, aber wie geht das?
Grüß
Jimmy
Antwort 11 von rfb
als erster Lesetipp:
http://de.selfhtml.org/javascript/objekte/images.htm#srcAntwort 12 von helmi55
Danke für die Übermittlung der Adresse.
Habe mal ein wenig bei SELFHTML gelesen, scheint echt gut zu sein die Seite. Werde probieren dort was zu lernen.
Übrigens, habe die Hintergrundmusik auf der Seite rausgeschmissen, sie nervt
Grüß
Jimmy
Habe mal ein wenig bei SELFHTML gelesen, scheint echt gut zu sein die Seite. Werde probieren dort was zu lernen.
Übrigens, habe die Hintergrundmusik auf der Seite rausgeschmissen, sie nervt
Grüß
Jimmy