Seite 1 von 5

Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 09:00
von Butterblume
Damit der Schritt nachzuvollziehen ist https://homepagehelfer.org/viewtopic.ph ... 3&start=40


Hallo und guten morgen Hape,

wie ich befürchtet habe...

Also ich habe jetzt im Haeder.php folgedes drin

Code: Alles auswählen

<script type="text/javascript">
<!--
// Variablen
var imgs = new bildarray;
var i = 1;
var Delay = 10000;
// Funktionen
function bildarray() {
  this[0] = "https://www.test.karins-poserbilder.de/images/bilder/fruehling/fruehling2.png"; // JavaScripts beginnen beim Zählen immer mit 0
  this[1] = "https://www.test.karins-poserbilder.de/images/bilder/herbst6.png"; // Bild 1 ist also schon 2.gif
  this[2] = "https://www.test.karins-poserbilder.de/images/bilder/halloween3.png";
  this[3] = "https://www.test.karins-poserbilder.de/images/bilder//winter/winter8.png"; // die gif oder jpg koennen irgendwie benannt werden
  this[4] = "https://www.test.karins-poserbilder.de/images/bilder/sommer/sommer6.png"; // Bild 4 ist das letzte, bevor es wieder von vorne los geht
}
function wechsel() {
  if (i < 4) {  // solange die Variable i kleiner als 4 ist -das letzte Bild-
    i += 1;     // rechne zu i 1 dazu
    } else {    // sonst, also nach Bild 4
    i = 0;      // wird die Variable i wieder auf 0 gesetzt
  }

// das erste Bild des Dokuments erhält eine neue Adresse aus dem Array mit dem Index i
  document.images[0].src = imgs[i];
  setTimeout("wechsel()",Delay); // warten und nächstes Bild
}
//-->
</script>
sowie dieses direkt unterm Body oben im Haeder :

Code: Alles auswählen

<img src="https://www.test.karins-poserbilder.de/images/bilder/fruehling/fruehling2.png" width="85px" height="66px" alt="Diashow" />
das letzte diesen Body Tag das war meine Frage, ich muss die Seite wissen. Momentan habe ich es auf meiner Indexseite Da ich ja mit Notepad++ arbeit sehe ich nur den Quelltext!

Das sieht so aus...

Code: Alles auswählen

<body onLoad="wechsel()">
Und man sieht auf der Seite Index Seite nach dem hochladen nichts... :E mein Fehler ist vermutlich wieder ganz simpel...

Guck bitte nochmal was ich falsch gemacht habe... :cry:

Oft ist es bei mir so, wenns zu Anfang nicht klappt mache ich eine Pause und danach läufts dann meist wie geschmiert!

Re: Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 09:11
von Butterblume
Hape, ich hab mal was versucht, es wird jetzt ein bild angezeigt, aber ziemlich kein.. :E

Ich habe im Grunde nur das

Code: Alles auswählen

 <img src="https://www.test.karins-poserbilder.de/images/bilder/fruehling/fruehling2.png" width="85px" height="66px" alt="Diashow" />
Auf die Seite gesetzt wo das Bild angezeigt werden soll!

Ich habs jetzt größer gemacht, nur gewechselt wird da noch nichts!

Re: Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 11:03
von Butterblume
Ich habe jetzt alles versucht... Aber nichts funktionert. Ich brauch die Seite wo ich das <body onLoad="wechsel()"> einfügen muss!

Re: Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 19:01
von HTML-Laie
Butterblume hat geschrieben: Mi 8. Mär 2023, 11:03 Ich brauch die Seite wo ich das <body onLoad="wechsel()"> einfügen muss!
Igendwo in deinen Dateien, entweder Index.php oder header.php oder xyz.php steht normalerweise ein:

Code: Alles auswählen

<body>
Dieses ersetzt du durch:

Code: Alles auswählen

<body onLoad="wechsel()">
Hatte ich auch so schon beschrieben.

Und dieses hier:

Code: Alles auswählen

 <img src="https://www.test.karins-poserbilder.de/images/bilder/fruehling/fruehling2.png" width="85px" height="66px" alt="Diashow" />
nicht in den Header, sonst erscheint das Bild wie gesehen oberhalb des Designs, sondern dort einfügen wo es dargestellt werden soll.

Du weißt aber schon das sich das Bild erst nach Aktualisierung der Seite wechselt?

Sonst bitte mal mitteilen was das Script können soll: Automatischer Wechsel nach bestimmter Zeit, per Zufall oder sonstwie.

LG Hape :)

Re: Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 20:23
von Butterblume
ndwo in deinen Dateien, entweder Index.php oder header.php oder xyz.php steht normalerweise ein:

Code: Alles auswählen

<body>
Dieses ersetzt du durch:

Code: Alles auswählen

<body onLoad="wechsel()">
Hatte ich auch so schon beschrieben.

Das habe ich wolh gelesen, dass du das beschrieben hast. Ich hatte das auch im haeder stehen! Aber da sah man nicbts.

Mein <body> steht nur im Header, deshalb frage ich ja auf welcher seite ich das einfügen muss.

Und dieses hier:

Code: Alles auswählen

 <img src="https://www.test.karins-poserbilder.de/images/bilder/fruehling/fruehling2.png" width="85px" height="66px" alt="Diashow" />
nicht in den Header, sonst erscheint das Bild wie gesehen oberhalb des Designs, sondern dort einfügen wo es dargestellt werden soll.

Das habe ich schon gemerkt! Aber als ich den code auf der index seite hatte, hat sich nichts getan!







Du weißt aber schon das sich das Bild erst nach Aktualisierung der Seite wechselt?

Sonst bitte mal mitteilen was das Script können soll: Automatischer Wechsel nach bestimmter Zeit, per Zufall oder sonstwie.

LG Hape :)
[/quote]

Ne hape, das wusste ich eben nicht, dass es sich nur wechselt wenn die seite aktualisiert wird!
Ich dachte, es wechselt wie eine sliteshow von alleine, weil stand automatischer bildwechsel!

Re: Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 20:43
von HTML-Laie
Werde mir das morgen nochmal ansehen. Muss noch arbeiten.

LG Hape😃

Re: Automatischer Bildwechsel

Verfasst: Mi 8. Mär 2023, 21:28
von webhostel
So wie ich das sehe, hast du das onLoad="wechsel()" nicht in deinem <body> stehen.
Es müsste nur mit darein und dann so aussehen:
<body onLoad="wechsel()">
Gruß Olli

Re: Automatischer Bildwechsel

Verfasst: Do 9. Mär 2023, 12:06
von Butterblume
Hallo webhostel,

das hatte ich zwischenzeitlich auch schon wieder raus genommen!

@Hape, lass Dir bitte Zeit, es eilt nicht... Ich habs jetzt so eingefügt wie du es gesagt hast. Hoffe das ich da nicht auch zu doof zu bin...

https://www.test.karins-poserbilder.de

Wenn ich da jetzt auf aktualisieren klicke, bleibt das selbe Bild!

Re: Automatischer Bildwechsel

Verfasst: Do 9. Mär 2023, 18:44
von HTML-Laie
Bitte entferne mal das bisher eingebaute Script. Dieses funktioniert leider nicht mit deinem Design bzw. mit dem Google-Übersetzer zusammen.
Bei den Bildern die du verwenden wolltest ließen sich nur 2 Bilder ansehen und zwar das Bild fruehling2 und sommer6. Die anderen waren nicht aufzurufen weil fehlerhaft verlinkt.

Habe dir mal ein anderes Script herausgesucht, dieses sollte eigentlich funktionieren weil es etwas anders aufgebaut ist.

Automatischer Bildwechsel

Der EInbau ist genauso wie beim vorherigen Script.

LG Hape :)

Re: Automatischer Bildwechsel

Verfasst: Do 9. Mär 2023, 18:47
von Butterblume
Hallo hape,

Okay, ich versuch's dann morgen nochmal. Aber wie gesagt, wenn ich um etwas bitte, dann eilt es wirklich nicht!

Ich sag erst einmal :DA und melde mich spätestens samstag nochmal! Obs geklappt hat!

Habe mir gerade den code mal angesehen, müssen das gif bilder sein, oder kann ich auch png nutzen? Weil du unten bei dem bild code gif drin hast. Aber vielleicht hast du dich auch nur verschrieben?!

Guckst du dann nochmal nach deinem code vom forum? Ich habe den hier eingegeben

https://www.karins-poserbilder.de/info/ ... r_euch.php

aber der link geht nicht?