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

Body Onload Bildwechsel

D

Defenetiv

Neues Mitglied
Moin Leute derzeit habe ich 2 Probleme die ich dank Dr-Google nicht lösen konnte.

1.) Auf defenetiv.info auf der Startseite (home) habe ich:


Code: 
<script language="javascript">
<!--
var time = 5000 //Die Zeit wie lange ein Bild angezeigt wird in ms
var bild = new Array();
bild[0] = "img/1.png"; //Deine Bilder (belibig erweiterbar)
bild[1] = "img/2.png";
bild[2] = "img/3.png";

var narf = "0";
function bildwechseln() {
document.wechselbild.src = bild[narf];
narf++;
if (narf == bild.length) {
narf = 0;
}
setTimeout("bildwechseln()",time);
}
-->
</script>

</head>

<body onLoad="bildwechseln()">

Stehen aber irgendwie passiert nichts. Warum?



Problem 2)

Ich würde gerne, wenn man auf https://defenetiv.info/ verhindern das am Ende https://defenetiv.info/home.html also, wenn es geht die Daten die nach https://defenetiv.info/ ausblenden lassen oder in der Adresszeile verstecken. Das soll mit einer .htaccess funktionieren aber irgendwie ohne Erfolg.


Vielleicht weiß auch hier jemand eine Lösung ;)

Und ja es gibt noch einige Fehler die ich evtl. fixen muss, wo ich aber noch keine Lösung habe oder bis dato nicht gefunden habe ;))

Ich Wünsch allen eine, schönen Wochenstart.
 
Werbung:
zu 1;
Das wechseln habe ich mal mit Farben gemacht.
HTML: 
<head>
<style>
  body{
    height:100vh;
  }
</style>
<script>
var time = 5000 //Die Zeit wie lange ein Bild angezeigt wird in ms
var bild = new Array();
bild[0] = "red";//img/1.png"; //Deine Bilder (belibig erweiterbar)
bild[1] = "blue";//img/2.png";
bild[2] = "yellow";//img/3.png";
var narf = 0;
function bildwechseln() {
   document.body.style.background = bild[narf];
   narf++;
   if (narf == bild.length) {
      narf = 0;
   }
   setTimeout("bildwechseln()",time);
}
</script>
</head>
<body onLoad="bildwechseln()">
</body>
Zu 2:
Mit der htaccess Datei bist du auf den richtigen weg.
Zeig doch mal deine versuche wie du es gemacht hast.
 
Werbung:
basti1012 schrieb:
zu 1;
Das wechseln habe ich mal mit Farben gemacht.
HTML: 
<head>
<style>
  body{
    height:100vh;
  }
</style>
<script>
var time = 5000 //Die Zeit wie lange ein Bild angezeigt wird in ms
var bild = new Array();
bild[0] = "red";//img/1.png"; //Deine Bilder (belibig erweiterbar)
bild[1] = "blue";//img/2.png";
bild[2] = "yellow";//img/3.png";
var narf = 0;
function bildwechseln() {
   document.body.style.background = bild[narf];
   narf++;
   if (narf == bild.length) {
      narf = 0;
   }
   setTimeout("bildwechseln()",time);
}
</script>
</head>
<body onLoad="bildwechseln()">
</body>
Zu 2:
Mit der htaccess Datei bist du auf den richtigen weg.
Zeig doch mal deine versuche wie du es gemacht hast.
Zum Vergrößern anklicken....
Also ich habe nun deinen Code
Code: 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" data-lt-installed="true" lang="en">
<head>
<meta name="description" content="Gaming, Streaming und vieles mehr jetzt auf https://Defenetiv.Info seid dabei!">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" style type="text/css">
<meta name="keywords" content="Gaming, Straming, Talk, Gameplay">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="author" content="David Burmeister">
<meta name="robots" content="index, follow">
<meta charset="UTF-8">
<link rel="canonical" href="https://Defenetiv.Info">
<link rel="shortcut icon" href="#">
   
<link rel="stylesheet" href="css/menue.css" />
<link rel="stylesheet" href="css/werbung.css" />    
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/phone.css" type="text/css"  media="only screen and (max-device-width: 680px)"  />  
        <title>Defenetiv.Info</title>
   
<script type="text/javascript">
/*
@param none
@return none
*/
(function(d){if(!d.createTextNode) return;var elem = "header|nav|section".split('|');for(var i=0; i<elem.length; i++){d.createElement(elem[i]);}})(document);
</script>


<style>
  body{
    height:100vh;
  }
</style>

<script>
var time = 5000 //Die Zeit wie lange ein Bild angezeigt wird in ms
var bild = new Array();
bild[0] = "red";//img/1.png"; //Deine Bilder (belibig erweiterbar)
bild[1] = "blue";//img/2.png";
bild[2] = "yellow";//img/3.png";
var narf = 0;
function bildwechseln() {
   document.body.style.background = bild[narf];
   narf++;
   if (narf == bild.length) {
      narf = 0;
   }
   setTimeout("bildwechseln()",time);
}
</script>

</head>

<body onLoad="bildwechseln()">

<div id="area-render"></div>

    <header>

<div id="kopf">
       
        <div id="logo">  
        <img src="img/02test01.png" alt="Logo">
        </div>
   
        <div id="banner">
          <img src="img/1.png" alt="Defenetiv.Info" name="wechselbild">
        </div></div>

<nav class="menue">
       
        <div class="hamburger">
       
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
       
        </div>
     
        <ul class="nav-links">
       
        <li><a href="home.html"><button class="butn">Startseite</button></a></li>
        <li><a href="kontakt.html"><button class="butn">Kontakt</button></a></li>
        <li><a href="streams.html"><button class="butn">Streams</button></a></li>
        <li><a href="projekte.html"><button class="butn">Projekte</button></a></li>
        <li><a target="new" href="https://www.tipeeestream.com/defenetiv/donation"><button class="butn">Spenden</button></a></li>
       
        <div id="nav-links" class="dropdown" > <!-- style="float:left;" -->
          <button class="butn">MiniGames</button>
          <div id="nav-links" class="dropdown-content">
        <li><a href="Tetris!.htm" target="new"><button class="butn1">Tetris 1P</button></a></li>
        <li><a href="Tetris 2Spieler/index.html" target="new"><button class="butn1">Tetris 2P</button></a></li>
        <li><a href="Schach.htm" target="new"><button class="butn1">Schach</button></a></li>
          </div>
        </div>
       
        <div id="nav-links" class="dropdown" > <!-- style="float:left;" -->
          <button class="butn">Rechtliches</button>
          <div id="nav-links" class="dropdown-content">
        <li><a href="impressum.html"><button class="butn1">Impressum</button></a></li>
        <li><a href="datenschutz.html"><button class="butn1">Datenschutz</button></a></li>
          </div>
        </div>
       
        </ul>          

</nav>
       
    </header>
   
    <section id="Content">
   
<div id="left">
           
        <section id="w1" >Hier kann Ihre</br> <b style="color:green;">Werbung</b></br> stehen. </br>
                 
        <hr style="height:2px;border-width:0;color:gray;background-color:black">
                 
        <a class="host" href="https://host-unlimited.de/" title="host-unlimited" target="new"></a>
                   
        <hr style="height:2px;border-width:0;color:gray;background-color:black">
                 
        <a class="any" href="https://anymator.de/" title="anymator" target="new"></a>
                 
        <hr style="height:2px;border-width:0;color:gray;background-color:black">
                 
        <a href="info.html" target="_self" >Mehr Info.</a>
         
</section>
   
        </div>  
   
   
   
<article>
<p>
                Moin Leute,</br> hier könnt Ihr alles über uns,</br> unsere Projekte und alles andere erfahren.</br>
                Wir sind ununterbrochen bemüht,</br> euch mit lustigen und hoffentlich spannenden Aktionen zu überraschen.</br></br>
               
                Solltet Ihr Fehler auf der Homepage oder sonst wo finden,</br> scheut euch nicht,</br> uns dieses <a href="mailto:[email protected]">mitzuteilen</a>.</br> Auch wir sind nur Menschen.</br>
                </br>
                Mfg euer Team Defenetiv</br></br>
       
</p>        
</article>        
       
        <div id="right">
   
        <section id="w2" >Hier kann Ihre</br> <b style="color:green;">Werbung</b></br> stehen. </br>
                   
        <hr style="height:2px;border-width:0;color:gray;background-color:black">
                   
        <a class="ilm" href="https://www.ilovemusic.de//" title="ilovemusic" target="new"></a>
                   
        <hr style="height:2px;border-width:0;color:gray;background-color:black">
                   
        <a href="info.html" target="_self" >Mehr Info.</a>
                   
        </section>    
   
        </div>
       
       
    </section>

<footer>

<section class="icon">  

    <ul>
   
        <li><a id="fb-ico" style="color:blue; transition: 0.5s;" href="https://www.facebook.com/Defenetiv" class="fab fa-facebook" target="new"><span class="label">Facebook</span></a></li>
               
        <li><a id="ins-ico" style="color:orange; transition: 0.5s;" href="https://www.instagram.com/defenetiv.info/?hl=de" class="fab fa-instagram" target="new"><span class="label">Instagram</span></a></li>
                                                   
        <li><a id="st-ico" style="color:white; transition: 0.5s;" href="https://steamcommunity.com/id/defenetiv" class="fab fa-steam" target="new"><span class="label">Steam</span></a></li>
                                                                                 
        <li><a id="tw-ico" style="color:purple; transition: 0.5s;" href="https://www.twitch.tv/defenetiv" class="fab fa-twitch" target="new"><span class="label">Twitch</span></a></li>
                                                     
        <li><a id="yt-ico" style="color:darkred; transition: 0.5s;" href="https://www.youtube.com/channel/UCSQ6_caCD2wTdBltKUUUZFw?view_as=subscriber" class="fab fa-youtube" target="new"><span class="label">Youtube</span></a></li>
       
    </ul>
   
</section>

Copyright 2020 by David Burmeister  <a href="home.html"></footer>  

<script type="text/javascript">
/**
* Fixierung der Header-Divisions
*
* @param none
* @return none
*/
    var startPos;

    if(typeof String.prototype.trim !== 'function') {
      String.prototype.trim = function() {
        return this.replace(/^\s+|\s+$/g, '');
      }
    }
   
    window.onload=function(){
        window.scrollTo(0,0);
        startPos = document.getElementsByTagName("nav")[0].offsetTop;
    };
   
    window.onresize=function(){
        window.scrollTo(0,0);
        startPos = document.getElementsByTagName("nav")[0].offsetTop;
    };
   
    window.onscroll = function () {
        elem = document.getElementsByTagName("nav")[0];
        var myFixedClass='fixed-navi';

        var body=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
        var topPos=document.all? body.scrollTop : pageYOffset;

        if (topPos > startPos) {
            if (elem.className.indexOf(myFixedClass)== -1) {
                if (elem.className != '') elem.className = elem.className + ' ' + myFixedClass;
                else elem.className = myFixedClass;
            }
        } else {
            var sRegEx = new RegExp(myFixedClass, "g");  
            elem.className = elem.className.replace(sRegEx,"").trim();
        }
    }
</script>
<script src="js/app.js"></script>



<script type="text/javascript" color="0,100,0" pointColor="0,100,0" opacity='0.9' zIndex="-2" count="10" src="js/canvas.js"></script>
<script type="text/javascript" src="js/nest.js"></script>
<script type="text/javascript">
  var cn = new CanvasNest(document.getElementById('area-render'), {
    color: '0,0,0',
    count: 250,
  });
</script>

</body></html>

Eingebaut aber immer noch kein Wechsel ;(
 
Das liegt an dein anderen Script.
In der Console steht
Code: 
ReferenceError: CanvasNest is not defined
Wenn ich das Script lösche geht es .
EDIT: mein Fehler habe was verwechselt.
Meld mich gleich nochmal
 
Zuletzt bearbeitet:
was soll das eigentlich ?
Code: 
  <li><a href="home.html"><button class="butn">Startseite</button></a></li>
Ist laut Validator auch nicht erlaubt.
Naja gut.
Habe das Script nach unten kopiert und das onload entfernt.
Dann settimeout in Interval gewechselt.
**Link entfernt, weil Seite nicht mehr erreichbar **

Ich hatte mal langeweile und habe die Validator Fehler weg gemacht , bis auf die wo die script Attributen bemengelt werden, dafür müßte man wahrscheinlich das ganze Script ändern.
 
Zuletzt bearbeitet:
Werbung:
basti1012 schrieb:
was soll das eigentlich ?
Code: 
  <li><a href="home.html"><button class="butn">Startseite</button></a></li>
Ist laut Validator auch nicht erlaubt.
Naja gut.
Habe das Script nach unten kopiert und das onload entfernt.
Dann settimeout in Interval gewechselt.

Defenetiv.Info

Gaming, Streaming und vieles mehr jetzt auf https://Defenetiv.Info seid dabei!
sebastian1012.bplaced.net
Ich hatte mal langeweile und habe die Validator Fehler weg gemacht , bis auf die wo die script Attributen bemengelt werden, dafür müßte man wahrscheinlich das ganze Script ändern.
Zum Vergrößern anklicken....
Also erstmal vielen dank für deine mühe, vielen dank ;) Ich teste das mal mit dem Script.
 
hm Basti1012, ich habe alles mal Kopiert, was du hochgeladen hast.

1) Das Bild https://defenetiv.info/img/1.png ändert sich nicht in ein anderes z.b.: 2.png, 3.png die Farben Funktionieren aber der Rest hm...

2)
Code: 
<li><a href="home.html"><button class="butn">Startseite</button></a></li>

Hab ich da ich mich noch nicht so gut auskenne wie man anscheinend sieht ;)

Ich teste mal rum oder such mir ein anderes Script..
 
Werbung:
basti1012 schrieb:
Wozu ?
Wo ist das problem da Bilder reinzusetzen ?

Defenetiv.Info

Gaming, Streaming und vieles mehr jetzt auf https://Defenetiv.Info seid dabei!
sebastian1012.bplaced.net
Zum Vergrößern anklicken....
Ich Glaube ich habe das Problem falsch beschrieben, wenn man auf Defenetiv.Info kommt, ist oben ja ein Banner DEFENETIV.INFO diesen wollte ich durch einen anderen ersetzen mit der Onload Funktion und nicht den Hintergrund ;)

Deswegen und das geht nicht *xD
 
Defenetiv schrieb:
DEFENETIV.INFO diesen wollte ich durch einen anderen ersetzen mit der Onload Funktion und nicht den Hintergrund ;)
Zum Vergrößern anklicken....
ist doch fast das gleiche , nur auf ein anderes Element angewendet.
**Link entfernt, weil Seite nicht mehr erreichbar **
m.scatello schrieb:
Zuerst einmal sollten du die 32 Fehler und 14 Warnings beseitigen:

Showing results for https://defenetiv.info/ - Nu Html Checker

validator.w3.org validator.w3.org
Zum Vergrößern anklicken....
@Defenetiv warum das ?
basti1012 schrieb:
Ich hatte mal langeweile und habe die Validator Fehler weg gemacht , bis auf die wo die script Attributen bemengelt werden, dafür müßte man wahrscheinlich das ganze Script ändern.
Zum Vergrößern anklicken....

Irgenwie glaube ich das du hier nicht richtig mit lesen tust oder keine lust hast eine Fehlerfrei Seite zu erstellen.
 
Zuletzt bearbeitet:
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben