Beiträge von Wolfgang

Wolfgang · 13. Juli 2020

Zitat

Falls du den IE kram unterstützen willst sollte man es so lassen.

<!--[if lte IE 6]>

<![endif]-->

Ist das nicht schon "auskommentiert"?

Morgen habe ich wahrscheinlich mehr Zeit für Computer. Auf die Schnelle sehe ich nicht, wo die Zeile

<div id="frame"></div> hingehört.

Gruß

Wolfgang · 12. Juli 2020

Code

body{
  overflow-x:hidden;
}
h1{
  margin:0;
  padding:0;
  font-size:22px;
}
#frame {
  width: 128px;
  height: 128px;
  border: 1px solid transparent;
  background: url(http://sebastian1012.bplaced.net/loesungen/maedchen.png) no-repeat left top;
  animation: frame-animation 1s steps(7) infinite;    
}
@keyframes frame-animation { 
  0% {
    background-position: 0px 0;
  } 
  100% { 
    background-position: 0 -966px; 
  } 
}
#frame1 {
  width: 128px;
  height: 128px;
  border: 1px solid transparent;
  background: url(http://sebastian1012.bplaced.net/loesungen/maedchen.png) no-repeat left top;
  animation: frame-animation 1s steps(7) infinite, runleft 10s infinite;    
}
@keyframes runleft { 
  0% {
    margin-left:-200px;
  } 
  100% { 
    margin-left:100vw;
  } 
}





#frame2 {
  width: 128px;
  height: 128px;
  border: 1px solid transparent;
  background: url(http://sebastian1012.bplaced.net/loesungen/maedchen.png) no-repeat left top;
  animation: frame-animation 1s steps(7) infinite, runleft1 10s infinite;    
}
@keyframes runleft1 { 
  0% {
    margin-left:-200px;
      transform:rotateZ(0deg);  
  } 
  50% { 
    margin-left:100vw;
   transform:rotateZ(0deg);  
  } 
  50.1%{
     transform:rotateY(180deg);  
  }
  100%{
    margin-left:-200px;
      transform:rotateY(180deg);  
  }
}

Alles anzeigen

Das habe ich von Deiner geposteten Seite kopiert und hier eingefügt. Die beiden Zeilen in meinem Quelltext sind diese beiden Zeilen, die sich auf css beziehen:

<!--[if lte IE 6]>

<![endif]-->

href="css/colorbox.css" />

Bitte schreibe mir, soll ich diese Zeilen löschen bzw. rausschmeißen und dieses von Dir geposteten CSS ersetzen?

Gruß

Wolfgang · 11. Juli 2020

Ich habe noch zu dem https://validator.w3 noch eine Frage: Ich hatte mir das Validator-Ergebnis ausgedruckt. Verstehen kann ich da nichts und ich habe auch nicht ändern können.

Folgendes Beispiel:<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> . Diese Zeile wurde z. B. mit "Warning" angezeigt. Es steht dort_ From line 1, column 17; to line 3 , column 6 . Was ich da nun ändern soll, das sehe ich nicht. (Ich kann aber auch nur schlecht Englisch).

Wolfgang · 10. Juli 2020

Gestern hatte ich wenig Zeit für Computer.

Jetzt habe ich das Erste von basti1012 mit verwirklicht. Und siehe da: Das Mädchen läuft wieder. Allerdings das Weiterblättern mit dem Firefox funktioniert auf dem einen Computer nicht. Mit dem Cromium-Webbrowser da funktioniert es. Ich habe noch einen Computer - und da funktioniert beides , also das laufende Mädchen und das Weiterblättern von diesen Bildern. Auch mit dem Firefox.

Auf jeden Fall danke ich für die Hilfe. Ich will nun noch weiter nachsehen, ob die Seite noch weiter modernisiert werden kann.

Wolfgang · 8. Juli 2020

Zitat

Ohne zu wissen was deine eingebundene Scripte so machen sollen habe ich sie weg gelassen.

Wenn etwas weggelassen werden muss, dann wäre das nicht schlimm. Die Hauptsache wäre, dass auf der Seite alles funktioniert.

Mit diesem Validator.w3.org , da sehe ich nicht was ich da ändern kann oder soll. Z. B. steht hier bei Zeile 19 , Column 31das Error . Die gesamte Zeile sieht so aus: <script type='text/javascript'src='plugins/jquery.imagesloaded.js'> . Da könnte ich schon etwas ändern, aber was? Inzwischen läuft das Flaya-Mädchen auch nicht mehr z. B. unter dem Flugzeug.

Ich wäre schon froh, wenn Ihr mit der Reparatur der Website helfen würdet.

Guß

Wolfgang · 7. Juli 2020

Ich habe jetzt schon das Anfangstag geändert bzw. modernisiert. Das sieht jetzt so aus:

HTML

<!DOCTYPE html >
         
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery-Galerie</title>
  <meta name="description" content="Bildergalerie">
<!--[if lte IE 6]>
  <link href="galerie-ie6.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<link type="text/css" media="screen" rel="stylesheet"
          href="css/colorbox.css" />


<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.js"></script>
<script src="js/galleria/galleria-1.2.8.min.js"></script>
<script type='text/javascript'src='plugins/jquery.imagesloaded.js'>
</script>
<script type = "text/javascript">
      google.load("jquery", "1");
<script type = "text/javascript"
        src = "run.js">
</script>
</script>
<script type="text/javascript" src="listing-5-32-40.js"></script>
<script type="text/javaScript">
$(document).ready(function(){
    function changeBGcolor() {
        var obj = $("body");
        $(obj).animate({ backgroundColor: "#48484C" },15000).animate({ backgroundColor: "#FFFFFF" },15000,function() {
            changeBGcolor();
        });
    }
    changeBGcolor();
});
</script>
<script type="text/javascript">
$(document).ready(function(){

Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
$(".gallery").galleria({
width: 600,
height: 600
});

});

</script>
<style> body{ background: #CFFD2F; } </style>
<style>
h1 {
   background-color: darkgreen;
   color: white;
   font-size: 40px;
   padding: 5px;
   }
</style>

<script type="text/javascript">
$(document).ready(function(){
$(#example').flash({
  src: 'example.swf',
  width: 360,
  height: 215 },
  { version: 11.2.202.251 });
});
</script>

</head>
<body onload = "init()">
  <div id = "sprite"
       style = "position: absolute;
                top: 200px;
                left: 100px;">
    <img src = "freya/run0.gif"
        id = "image" 
        alt = "running image" />
  </div>   


<div id="overlay"></div>
<div id="imgContainer">
    <div id="imgBox"></div>
    <div id="controls">
        <a href="#" class="back">&lt;</a>
        <a href="#" class="forward">&gt;</a>
     </div>
</div>

<h1>Neue Galerie</h1>
<h3>Bitte klicken Sie auf die Bilder!!</h3>

<div class="thumbs">
    <a class="lightpopup" href="images_jquery/heivolkach.jpg">
<img src="images_jquery/heivolkachthum.jpg" title="Bild 1" />
</a>
    <a class="lightpopup" href="images_jquery/flugshow.jpg"><img src="images_jquery/flugshowthumb.jpg" title="Bild 2" /></a>
    <a class="lightpopup" href="images_jquery/klassiwoerl.jpg"><img src="images_jquery/klassiwoerlthumb.jpg" title="Bild 3" /></a>
    <a class="lightpopup" href="images_jquery/schnauferl.jpg"><img src="images_jquery/schnauferlthumb1.jpg" title="Bild 4" /></a>
    <p><a href="index.htm"><img src="zuruestarts.png" /></a></p>

</div>
<div class="gallery">
<img src="content/allesstuhl150.jpg" title="Stühle als Kunstwerk" />
<img src="content/alphornbl150.jpg" title="Alphornblasen und Peitschenknallen" />
<img src="content/erdingju52_150.jpg" title="JU52 am Erdinger Moos" />
<img src="content/flugzeug150.jpg" title="Flugschau" />
<img src="content/rickyrickmer150.jpg" title="Im Hamburger Hafen" /></div>


</body>
</html>

Alles anzeigen

Wolfgang · 7. Juli 2020

Zitat von basti1012

Ja. Von diesem Angebot möchte ich Gebrauch machen.

Wolfgang · 5. Juli 2020

Vielen Dank für Eure Antworten. Ich habe jetzt auch bemerkt, dass das Weiterblättern mit dem Firefox auf diesem Computer nicht funktioniert, aber mit dem Browser Cromium da funktioniert es. Es wird schon so sein, dass diese Websiten-Entwicklung total veraltet ist. Wie ich das modernisieren kann, da sehe ich so schnell keine Möglichkeit.

Nochmals vielen Dank für Eure Anworten.

Gruß

Wolfgang · 4. Juli 2020

Hallo, liebe Hilfsbereiten,

diese Seite https://www.wolfgang-titze.de/listing-5-31.htm wird durch einen Klick auf den Button Fotogalerie1 aufgerufen. Unten erscheint eines von 5 Bildern zum Weiterblätten nach Klick auf einen Link(Winkel). Das funktioniert aber leider nicht. Diese Website https://www.wolfgang-titze.de habe ich vor etwa 12 Jahren nach einem Buch aus der "Dummi-Reihe" erstellt. Es ist nur eine Hobby-Website. Damals hat das Weiterblättern funktioniert. Ich möchte es gern reparieren bzw. umstellen , dass das funktioniert. Ich habe schon in den Quelltext folgendes eingesetzt: (google.load, )"1" . Leider war das erfolglos. Der Quelltext sieht bis jetzt wie folgt aus:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
         
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery-Galerie</title>
  <meta name="description" content="Bildergalerie">
<!--[if lte IE 6]>
  <link href="galerie-ie6.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<link type="text/css" media="screen" rel="stylesheet"
          href="css/colorbox.css" />


<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.js"></script>
<script src="js/galleria/galleria-1.2.8.min.js"></script>
<script type='text/javascript'src='plugins/jquery.imagesloaded.js'>
</script>
<script type = "text/javascript">
      google.load("jquery", "1");
<script type = "text/javascript"
        src = "run.js">
</script>
</script>
<script type="text/javascript" src="listing-5-32-40.js"></script>
<script type="text/javaScript">
$(document).ready(function(){
    function changeBGcolor() {
        var obj = $("body");
        $(obj).animate({ backgroundColor: "#48484C" },15000).animate({ backgroundColor: "#FFFFFF" },15000,function() {
            changeBGcolor();
        });
    }
    changeBGcolor();
});
</script>
<script type="text/javascript">
$(document).ready(function(){

Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
$(".gallery").galleria({
width: 600,
height: 600
});

});

</script>
<style> body{ background: #CFFD2F; } </style>
<style>
h1 {
   background-color: darkgreen;
   color: white;
   font-size: 40px;
   padding: 5px;
   }
</style>

<script type="text/javascript">
$(document).ready(function(){
$(#example').flash({
  src: 'example.swf',
  width: 360,
  height: 215 },
  { version: 11.2.202.251 });
});
</script>

</head>
<body onload = "init()">
  <div id = "sprite"
       style = "position: absolute;
                top: 200px;
                left: 100px;">
    <img src = "freya/run0.gif"
        id = "image" 
        alt = "running image" />
  </div>   


<div id="overlay"></div>
<div id="imgContainer">
    <div id="imgBox"></div>
    <div id="controls">
        <a href="#" class="back">&lt;</a>
        <a href="#" class="forward">&gt;</a>
     </div>
</div>

<h1>Neue Galerie</h1>
<h3>Bitte klicken Sie auf die Bilder!!</h3>

<div class="thumbs">
    <a class="lightpopup" href="images_jquery/heivolkach.jpg">
<img src="images_jquery/heivolkachthum.jpg" title="Bild 1" />
</a>
    <a class="lightpopup" href="images_jquery/flugshow.jpg"><img src="images_jquery/flugshowthumb.jpg" title="Bild 2" /></a>
    <a class="lightpopup" href="images_jquery/klassiwoerl.jpg"><img src="images_jquery/klassiwoerlthumb.jpg" title="Bild 3" /></a>
    <a class="lightpopup" href="images_jquery/schnauferl.jpg"><img src="images_jquery/schnauferlthumb1.jpg" title="Bild 4" /></a>
    <p><a href="index.htm"><img src="zuruestarts.png" /></a></p>

</div>
<div class="gallery">
<img src="content/allesstuhl150.jpg" title="Stühle als Kunstwerk" />
<img src="content/alphornbl150.jpg" title="Alphornblasen und Peitschenknallen" />
<img src="content/erdingju52_150.jpg" title="JU52 am Erdinger Moos" />
<img src="content/flugzeug150.jpg" title="Flugschau" />
<img src="content/rickyrickmer150.jpg" title="Im Hamburger Hafen" />
</div>


</body>
</html>

Alles anzeigen

Hoffentlich könnt Ihr mir helfen.

Gruß

Wolfgang · 2. Juli 2020

Zitat von Wolfgang

Ich habe mir das Buch "Programmieren lernen mit Javascript" gekauft. Ich habe das Script abgeschrieben . Da war leider kein Erfolg. Es erschien nur die Zeile zwischen den beiden p. Bei dem Editor Geany erschien folgende Meldung: make: *** Es wurden keine Ziele angegeben und keine „make“-Steuerdatei gefunden. Schluss. Kompilierung fehlgeschlagen.

Ich habe das Script von dem Buch genau abgeschrieben und auch verglichen mit den fertigen Script (herunter geladen von der Internet-Seite zum Buch. Ich bitte Euch also um Hilfe, damit ich endlich einmal Erfolge habe.

Gruss

Jetzt habe ich doch noch meinen Fehler im Script gefunden. Also hat sich erst einmal die Sache erledigt. Ich danke Euch trotzdem für Eure Antworten.

Gruß

Wolfgang · 1. Juli 2020

Ich habe mir das Buch "Programmieren lernen mit Javascript" gekauft. Ich habe das Script abgeschrieben . Da war leider kein Erfolg. Es erschien nur die Zeile zwischen den beiden p. Bei dem Editor Geany erschien folgende Meldung: make: *** Es wurden keine Ziele angegeben und keine „make“-Steuerdatei gefunden. Schluss. Kompilierung fehlgeschlagen.

Ich habe das Script von dem Buch genau abgeschrieben und auch verglichen mit den fertigen Script (herunter geladen von der Internet-Seite zum Buch. Ich bitte Euch also um Hilfe, damit ich endlich einmal Erfolge habe.

Gruss

Wolfgang · 24. Juni 2020

Da muss ich mir ein neues Buch kaufen. Das mit der Zeile 18 ?? Da ist doch nur die schließende geschweifte Klammer. Aber ich freue mich über die Hilfe. Ich danke Dir sehr.

Wolfgang · 24. Juni 2020

Zitat von Sailor

In der blauen Menüleiste direkt oberhalb von dem Eingabefeld, findest du (Drittes von rechts) ein Symbol </>... draufklicken und dann kannst du Code einfügen- wenn du das unter 'einschicken' verstehst.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR//xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/xml;
        charset=iso-8859-1" />
  <script type = "text/javascript"
          src = "jquery-3.5.1.min.js"></script>
  <script type = "text/javascript">
    //<![CDATA[
    $(init);

    function init(){
      $("li").hover(border, noBorder);
    } // Ende init

    function border(){
      $(this.css("border", "1px solid black");
    }

    function noBorder(){
      $(this).css("border", "0px none black");
    }
      /* alternative Vorgehensweise mit anonymen Funktionen

        $("li").hover(
         function(){
           $(this).css("border", "1px solid black");
         },
         function(){
           $(this).css("border", "0px none black");
         }
        );
        */

    //]]>
  </script>

  <title>schweben.html</title>
</head>
<body>
        <h1>Schweben-Demo</h1>
      <ul>
        <li>alpha</li>
        <li>beta</li>
        <li>gamma</li>
        <li>delta</li>
      </ul>
</body>
</html>

Alles anzeigen

Wolfgang · 24. Juni 2020

Ich bin erst neu in dem Forum. Kann ich da ein Script zur Untersuchung einschicken?

Beiträge von Wolfgang

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Fehlerhafte Weiterblätter-Bildreihe lässt sich nicht weiterblättern

Vergebliche Fehlersuche.

Vergebliche Fehlersuche.

Es erscheint nicht ein Rand, wenn man mit der Maus darüber fährt

Es erscheint nicht ein Rand, wenn man mit der Maus darüber fährt

Es erscheint nicht ein Rand, wenn man mit der Maus darüber fährt