Spawnsplitter
Mitglied
Hallo und zwar habe ich am 1.9 eine Ausbildung zum Fachinformatiker begonnen.
Mein Problem ist das ich auf einer localhost Domaine eine Website einrichten soll, in der ein Slogan ausgegeben werden soll der sich alle 5 Sekunden ändert.
Wenn ich meine html-Datei direkt vom Ordner aus öffne funktioniert alles perfekt, sobald ich aber über die Vhost-URL auf meine Domaine zugreifen möchte, wechseln sich die Texte nicht mehr und die Webseite bleibt beim ersten Slogan hängen.
Hier mein Code
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"/>
<title>Wechselnder Slogan alle 5 Sekunden</title>
<script src="/Users/imac2/Desktop/scripts/jquery/jquery-3.6.1.min.js" type="text/javascript"></script>
</head>
<body>
<!--Deklaration der Klassen-->
<div class="row-outer">
<div class="container">
<div class="animated-heading">
<span id="words"><h1>Just Do It</h1></span>
</div>
</div>
</div>
<script type="text/javascript">
//einstellen der Funktion
(function () {
//Erstellen eines Arrays
var words = [
"Just Do it",
"Wohnst du noch oder lebst du schon",
"Haribo macht Kinder froh und Erwachsene ebenso",
"Taste the feeling",
"Morgens halb 10 in Deutschland"
],
//Angeben eines Intervall
i = 0;
//Interval zählen lassen
setInterval(function() {
$('#words').fadeOut(function() {
$(this).html(words[(i = (i + 1) % words.length)]).fadeIn();
});
}, 5000)
})();
</script>
</body>
</html>
Könnt ihr mir helfen?
Mein Problem ist das ich auf einer localhost Domaine eine Website einrichten soll, in der ein Slogan ausgegeben werden soll der sich alle 5 Sekunden ändert.
Wenn ich meine html-Datei direkt vom Ordner aus öffne funktioniert alles perfekt, sobald ich aber über die Vhost-URL auf meine Domaine zugreifen möchte, wechseln sich die Texte nicht mehr und die Webseite bleibt beim ersten Slogan hängen.
Hier mein Code
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"/>
<title>Wechselnder Slogan alle 5 Sekunden</title>
<script src="/Users/imac2/Desktop/scripts/jquery/jquery-3.6.1.min.js" type="text/javascript"></script>
</head>
<body>
<!--Deklaration der Klassen-->
<div class="row-outer">
<div class="container">
<div class="animated-heading">
<span id="words"><h1>Just Do It</h1></span>
</div>
</div>
</div>
<script type="text/javascript">
//einstellen der Funktion
(function () {
//Erstellen eines Arrays
var words = [
"Just Do it",
"Wohnst du noch oder lebst du schon",
"Haribo macht Kinder froh und Erwachsene ebenso",
"Taste the feeling",
"Morgens halb 10 in Deutschland"
],
//Angeben eines Intervall
i = 0;
//Interval zählen lassen
setInterval(function() {
$('#words').fadeOut(function() {
$(this).html(words[(i = (i + 1) % words.length)]).fadeIn();
});
}, 5000)
})();
</script>
</body>
</html>
Könnt ihr mir helfen?