Diashow mit javascript

Hudo · Jul 21, 2008

Hallo Forum-Mitglieder
Vorab, ich bin totaler Anfänger was diese Materie angeht
Habe eine Webseite bei siteworld.de und möchte diese Diashow einbinden.
Komme aber überhaupt nicht mit dem Seitenquelltext zurecht.
Nun meine Frage: wer kann mir das fertige Javascript (wo und was ich änder muss) hier als Antwort geben ?

Verbindlichsten Dank Hudo

killerdicke · Jul 21, 2008

Frage A: Willst du die selben Bilder benutzen?
Wenn ja: Du kannst das Script so übernehmen. Eventuell solltest du das Design anpassen und den Titel usw. solltest du anpassen, ansonsten kannst du ganze Seite so übernehmen. Natürlich solltest du vorher den Websitebetreiber fragen, da er Dich sonst mit einem Anwalt kostenpflichtig abmahnen kann.

Hudo · Jul 21, 2008

Hallo killerdicke
Natürlich will ich nicht die selben Bilder übernehmen,
was für eine Frage ?!
Nur das Script funktioniert nicht.

Bitte um Hilfe, Gruß

killerdicke · Jul 21, 2008

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">


<HTML>
<HEAD>
	<TITLE> HHy - JavaScript: Steuerbare Diashow</TITLE><!--Hier Titel ersetzen-->
		<META HTTP-EQUIV="Content-language" CONTENT="de">
		<META HTTP-EQUIV="content-type" CONTENT="text/html;CHARSET=iso8859-1">
		<META NAME="keywords" CONTENT="JavaScript, steuerbar, Diashow"> <!-- Hier eigene Keywords einsetzen oder weglassen. Soweit bekannt wertet Google die Keywords aufgrund früheren massiven Missbrauchs nicht mehr aus-->
		<META NAME="description" CONTENT="In dieser steuerbaren Diashow k&ouml;nnen Sie selbst bestimmen, welches Bild angezeigt werden soll"> <!-- Hier eigene Beschreibung einsetzen-->
		

<SCRIPT LANGUAGE = "JavaScript">
<!--
//----------------------------- [Lade Grafiken] ---------------------------------//
<!-- Hier die Dateinamen ersetzen-->
var Img1 = new Image();
    Img1.src = "bilder/1.jpg";
var Img2 = new Image();
    Img2.src = "bilder/2.jpg";
var Img3 = new Image();
    Img3.src = "bilder/3.jpg";
var Img4 = new Image();
    Img4.src = "bilder/4.jpg";
var Img5 = new Image();
    Img5.src = "bilder/5.jpg";
var Img6 = new Image();
    Img6.src = "bilder/6.jpg";
var Img7 = new Image();
    Img7.src = "bilder/7.jpg";
var Img8 = new Image();
    Img8.src = "bilder/8.jpg";
var Img9 = new Image();
    Img9.src = "bilder/9.jpg";
var Img10 = new Image();
    Img10.src = "bilder/10.jpg";
var Img11 = new Image();
    Img11.src = "bilder/11.jpg";
var Img12 = new Image();
    Img12.src = "bilder/12.jpg";
var Img13 = new Image();
    Img13.src = "bilder/13.jpg";
var Img14 = new Image();
    Img14.src = "bilder/14.jpg";
var Img15 = new Image();
    Img15.src = "bilder/15.jpg";
var Img16 = new Image();
    Img16.src = "bilder/16.jpg";
var Img17 = new Image();
    Img17.src = "bilder/17.jpg";
var Img18 = new Image();
    Img18.src = "bilder/18.jpg";
var Img19 = new Image();
    Img19.src = "bilder/19.jpg";
var Img20 = new Image();
    Img20.src = "bilder/20.jpg";
var Img21 = new Image();
    Img21.src = "bilder/21.jpg";
var Img22 = new Image();
    Img22.src = "bilder/22.jpg";
var Img23 = new Image();
    Img23.src = "bilder/23.jpg";
var Img24 = new Image();
    Img24.src = "bilder/24.jpg";
var Img25 = new Image();
    Img25.src = "bilder/25.jpg";
var Img26 = new Image();
    Img26.src = "bilder/26.jpg";
var Img27 = new Image();
    Img27.src = "bilder/27.jpg";
var Img28 = new Image();
    Img28.src = "bilder/28.jpg";
var Img29 = new Image();
    Img29.src = "bilder/29.jpg";
var Img30 = new Image();
    Img30.src = "bilder/30.jpg";
var Img31 = new Image();
    Img31.src = "bilder/31.jpg";
var Img32 = new Image();
    Img32.src = "bilder/32.jpg";
var Img33 = new Image();
    Img33.src = "bilder/33.jpg";
var Img34 = new Image();
    Img34.src = "bilder/34.jpg";
var Img35 = new Image();
    Img35.src = "bilder/35.jpg";
var Img36 = new Image();
    Img36.src = "bilder/36.jpg";
var Img37 = new Image();
    Img37.src = "bilder/37.jpg";
var Img38 = new Image();
    Img38.src = "bilder/38.jpg";
var Img39 = new Image();
    Img39.src = "bilder/39.jpg";
var Img40 = new Image();
    Img40.src = "bilder/40.jpg";
var Img41 = new Image();
    Img41.src = "bilder/41.jpg";
var Img42 = new Image();
    Img42.src = "bilder/42.jpg";
var Img43 = new Image();
    Img43.src = "bilder/43.jpg";
var Img44 = new Image();
    Img44.src = "bilder/44.jpg";
var Img45 = new Image();
    Img45.src = "bilder/45.jpg";


//----------------------------- [Lade Beschreibung] ---------------------------------//

txt    = new Array()
txt[1] = 'Dies ist Bildnummer 1 (Stimmt)'
txt[2] = 'Dies ist Bildnummer 2 (So ist es)'
txt[3] = 'Dies ist Bildnummer 3 (Genau)'
txt[4] = 'Dies ist Bildnummer 4 (Jepp)'
txt[5] = 'Dies ist Bildnummer 5 (Wowh)'
txt[6] = 'Dies ist Bildnummer 6 (Jaaaa)'
txt[7] = 'Dies ist Bildnummer 7 (Ich wei&szlig;)'
txt[8] = 'Dies ist Bildnummer 8 (Es reicht)'
txt[9] = 'Dies ist Bildnummer 9 (Ende)'


//----------------------------- [Beschreibung an?] ---------------------------------//

function Beschreibung() {
         if (document.forms[0].elements[7].checked) {
             document.forms[0].elements[6].value = txt[nr]

		         } else {
         document.forms[0].elements[6].value = '';
         }
}



//----------------------------- [Vor und Zurueck] ---------------------------------//

function Anim(bildnr) {
//         document.images[0].src = "/Bilder/redu/" + nr + ".jpg";
          document.images[0].src ="bilder/" + nr + ".jpg";
         }
<!-- Hier Bilderverzeichnisse durch eigene ersetzen. -->

var nr = 1
function vor() {
         nr++
         if (nr > 44)
             nr = 1
             Anim(nr);Beschreibung()
         }


function zurueck() {
         nr--
         if (nr < 1) //alert('test')
             nr = 44 <!-- Hier Bildanzahl eintragen-->
             Anim(nr);Beschreibung()
         }





//----------------------------- [Menuesteuerung] ---------------------------------//


function Grafik() {
         nr = document.forms[0].elements[5].selectedIndex;
         document.images[0].src = document.forms[0].elements[5].options[nr].value;
         Anim(nr++); Beschreibung()
         }


//----------------------------- [Slide Animation] ---------------------------------//

function slide() {
         nr++
         if (nr > 44)
             nr = 1
             Anim(nr);Beschreibung();

         auswahl = document.forms[0].elements[4].selectedIndex;
         x = document.forms[0].elements[4].options[auswahl].value;
         Zaehler = window.setTimeout("slide()",x);
         Status = true;
         }


var Zaehler = null
var Status = false

function stop(){
         if(Status)
         clearTimeout(Zaehler)
         Status = false;
         }


// -->
</SCRIPT>
</HEAD>

<body text="#000000" bgcolor="#e7e8e8" link="#003399" vlink="#FF0000"
alink="#008080">

<center>


<table width="450"  cellspacing="0" cellpadding="5" align="center" border=4>
<tr>
<th align="center"  bgcolor="#0000Cf" valign=top colspan=2>
<font size="4" color="white" face="Helv, Helvetica, Arial,Univers"><b>Bachmeier Diashow</b></font> <!--Hier die Überschrift ändern -->
</th>
</tr>
</table>


<table width="80%"  cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="30" colspan="2">
</td>
</tr>



<tr>
<td align="center" valign="top" colspan="2">
<CENTER><IMG SRC="bilder/main.jpg" WIDTH=500 HEIGHT=345 BORDER=0 name="t">

<FORM>
<INPUT TYPE=BUTTON VALUE=" Zurueck " onClick="zurueck()">
<INPUT TYPE=BUTTON VALUE=" Vorw&auml;rts " onClick="vor()">

<INPUT TYPE=BUTTON VALUE="  Show  " onClick="setTimeout('slide()', 1000)">
<INPUT TYPE=BUTTON VALUE="  Stop " onClick="stop()">
<BR>
<font face="Helv, Helvetica, Arial,Univers">
Geschwindigkeit:
</font>
<SELECT>
<OPTION VALUE="500">    500
<OPTION VALUE="1000">  1000
<OPTION VALUE="1500">  1500
<OPTION VALUE="2000">  2000
<OPTION VALUE="2500">  2500
<OPTION VALUE="3000">  3000
<OPTION VALUE="3500">  3500
<OPTION VALUE="4000">  4000
<OPTION VALUE="4500">  4500
</SELECT>

<font face="Helv, Helvetica, Arial,Univers">
Zeige Bildnummer an:
</font>
<SELECT onChange="Grafik()">
<OPTION VALUE="bilder/1.jpg">  1
<OPTION VALUE="bilder/2.jpg">  2
<OPTION VALUE="bilder/3.jpg">  3
<OPTION VALUE="bilder/4.jpg">  4
<OPTION VALUE="bilder/5.jpg">  5
<OPTION VALUE="bilder/6.jpg">  6
<OPTION VALUE="bilder/7.jpg">  7
<OPTION VALUE="bilder/8.jpg">  8
<OPTION VALUE="bilder/9.jpg">  9
<OPTION VALUE="bilder/10.jpg">  10
<OPTION VALUE="bilder/11.jpg">  11
<OPTION VALUE="bilder/12.jpg">  12
<OPTION VALUE="bilder/13.jpg">  13

<OPTION VALUE="bilder/14.jpg">  14
<OPTION VALUE="bilder/15.jpg">  15
<OPTION VALUE="bilder/16.jpg">  16
<OPTION VALUE="bilder/17.jpg">  17
<OPTION VALUE="bilder/18.jpg">  18
<OPTION VALUE="bilder/19.jpg">  19
<OPTION VALUE="bilder/20.jpg">  20
<OPTION VALUE="bilder/21.jpg">  21
<OPTION VALUE="bilder/22.jpg">  22
<OPTION VALUE="bilder/23.jpg">  23
<OPTION VALUE="bilder/24.jpg">  24
<OPTION VALUE="bilder/25.jpg">  25
<OPTION VALUE="bilder/26.jpg">  26
<OPTION VALUE="bilder/27.jpg">  27
<OPTION VALUE="bilder/28.jpg">  28
<OPTION VALUE="bilder/29.jpg">  29
<OPTION VALUE="bilder/30.jpg">  30

<OPTION VALUE="bilder/31.jpg">  31
<OPTION VALUE="bilder/32.jpg">  32
<OPTION VALUE="bilder/33.jpg">  33
<OPTION VALUE="bilder/34.jpg">  34
<OPTION VALUE="bilder/35.jpg">  35
<OPTION VALUE="bilder/36.jpg">  36
<OPTION VALUE="bilder/37.jpg">  37
<OPTION VALUE="bilder/38.jpg">  38
<OPTION VALUE="bilder/39.jpg">  39
<OPTION VALUE="bilder/40.jpg">  40
<OPTION VALUE="bilder/41.jpg">  41
<OPTION VALUE="bilder/42.jpg">  42
<OPTION VALUE="bilder/43.jpg">  43
<OPTION VALUE="bilder/44.jpg">  44
<OPTION VALUE="bilder/45.jpg">  45

<!-- Hier die Reihe fortsetzen -->

</SELECT>
<br><INPUT TYPE=TEXT SIZE=34>

<font face="Helv, Helvetica, Arial,Univers">
<br>Kommentare ansehen:</font><INPUT TYPE=CHECKBOX>
</FORM>
</CENTER>
</body>
</HTML>

Skript sollte laufen. Befolge die Anweisungen in den XML-Stil-Kommentaren

Code:

<!-- -->

.

Log in or Sign up

Diashow mit javascript

Hudo ROM

killerdicke ROM

Hudo ROM

killerdicke ROM

Share This Page