• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Slideshow auf einer Freewebs-Seite erstellen

Status
Für weitere Antworten geschlossen.
K

Kay

Neues Mitglied
Hallo,

ich bin mir nicht sicher, ob ich das richtige Unterforum gewählt habe, aber ich hoffe, dass mir hier trotzdem weitergeholfen wird...

Also folgendes:
Ich kenne mich mit HTML & Co. (oder generell mit Website-Programmierung) absolut nicht aus, deshalb habe ich mir eine Homepage mit dem Editor bei Freewebs.com erstellt.
Dort hat man allerdings auch die Möglichkeit, an manchen Stellen seinen eigenen Code einzufügen. Und nun hätte ich auf der Hauptseite gerne eine Bilder-Slideshow mit Ein- und Ausblendeffekten.

Dazu habe ich mir nun das Programm "Webslide!" besorgt. Dort kann man in einem Editor die gewünschten Bilder einfügen und das Programm erstellt einem dann den HTML-Code, den man auf den Server hochladen kann.
Nun habe ich Probleme damit, den Code auf meiner Freewebs-Seite zum Funktionieren zu bekommen...

Dies ist der Code, den mir das Pogramm erstellt hat:

Code: 
<HTML>
<BODY BGCOLOR="#000000">
<H1>
SlideShow
</H1>
<BR><BR>
<div id="KommText" style="width:100%; height:100%; visibility:hidden; filter:blendTrans(Duration=4)">
<IMG id="Bild" SRC="./pics/Bild0.jpg" BORDER="0"><BR>
<p id="meinAbsatz">
</p>
</div>
<script language="JScript" type="text/jscript">
<!--
var $i = 0;
if (document.all){
document.all.KommText.style.filter="revealTrans(duration=1,Transition=12)";
document.all.KommText.filters.revealTrans.Apply();
document.all.KommText.style.visibility = "visible";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
$i=1;}
function SlideShowLoop(){
if ($i==0) {
document.all.KommText.style.filter="revealTrans(duration=1,Transition=9)";
document.all.KommText.filters.revealTrans.Apply();
document.all.meinAbsatz.innerHTML = "";
document.all.Bild.src = "./pics/Bild0.jpg";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
}
if ($i==1) {
document.all.KommText.style.filter="revealTrans(duration=1,Transition=21)";
document.all.KommText.filters.revealTrans.Apply();
document.all.meinAbsatz.innerHTML = "";
document.all.Bild.src = "./pics/Bild1.jpg";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
}
if ($i==2) {
document.all.KommText.style.filter="revealTrans(duration=1,Transition=2)";
document.all.KommText.filters.revealTrans.Apply();
document.all.meinAbsatz.innerHTML = "";
document.all.Bild.src = "./pics/Bild2.jpg";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
}
$i++;
if ($i>=3)$i=0;
}
//-->
</script>
<br><br>Diese HTML-Datei wurde mit der DEMOVERSION von Web SlideShow erstellt!
</BODY>
</HTML>
Die Bilder hatte ich zuvor schon bei Freewebs hochgeladen.
Wenn die Adresse zu meiner Hauptseite also z.B. "http://meinehomepage.webs.com/index.htm" lautet, dann sehen die direkten Links zu den Bildern folgendermaßen aus:
"http://meinehomepage.webs.com/Bild0.jpg"
"http://meinehomepage.webs.com/Bild1.jpg"
"http://meinehomepage.webs.com/Bild2.jpg"
usw...

Könnte mir bitte jemand den erstellten Code so umschreiben, dass ich ihn auf der Freewebs-Homepage einfügen kann?
Ich wäre demjenigen wirklich sehr dankbar...


Gruß
Kay
 
Hallo

ich versuch dir mal zu helfen... Ich habe den Code umgeschrieben... bin aber nicht 100% sicher ob es funktioniert... Falls nicht... Schreib einfach nochmal

Lg MasteR ChieF


Code:

<HTML>
<BODY BGCOLOR="#000000">
<H1>
SlideShow
</H1>
<BR><BR>
<div id="KommText" style="width:100%; height:100%; visibility:hidden; filter:blendTrans(Duration=4)">
<IMG id="Bild" SRC="http://meinehomepage.webs.com/Bild0.jpg" BORDER="0"><BR>
<p id="meinAbsatz">
</p>
</div>
<script language="JScript" type="text/jscript">
<!--
var $i = 0;
if (document.all){
document.all.KommText.style.filter="revealTrans(duration=1,Transition=12)";
document.all.KommText.filters.revealTrans.Apply();
document.all.KommText.style.visibility = "visible";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
$i=1;}
function SlideShowLoop(){
if ($i==0) {
document.all.KommText.style.filter="revealTrans(duration=1,Transition=9)";
document.all.KommText.filters.revealTrans.Apply();
document.all.meinAbsatz.innerHTML = "";
document.all.Bild.src = "http://meinehomepage.webs.com/Bild0.jpg";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
}
if ($i==1) {
document.all.KommText.style.filter="revealTrans(duration=1,Transition=21)";
document.all.KommText.filters.revealTrans.Apply();
document.all.meinAbsatz.innerHTML = "";
document.all.Bild.src = "http://meinehomepage.webs.com/Bild1.jpg";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
}
if ($i==2) {
document.all.KommText.style.filter="revealTrans(duration=1,Transition=2)";
document.all.KommText.filters.revealTrans.Apply();
document.all.meinAbsatz.innerHTML = "";
document.all.Bild.src = "http://meinehomepage.webs.com/Bild2.jpg";
document.all.KommText.filters.revealTrans.Play();
setTimeout('SlideShowLoop()', 3000);
}
$i++;
if ($i>=3)$i=0;
}
//-->
</script>
<br><br>Diese HTML-Datei wurde mit der DEMOVERSION von Web SlideShow erstellt!
</BODY>
</HTML>


Bei den farbig markierten Stellen musst du nur noch den Richtigen PFAD deiner Page eingeben, dann sollte es funktionieren....

 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben