Gif ein mal spielen?

Ich möchte ein Diagramm auf meiner Webseite abspielen lassen und würde es gern so haben, dass es: 1 x abgespielt wird und erst, wenn das Diagramm gesehen wird auf dem Bildschirm. Gibt es da einen Code, der mir helfen würde ? ( bin hier, denn ich nicht erfolgreich wurde mit Onkel Google)

2 Antworten

number11

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

29.08.2022, 12:59

Einmal abspielen:

Das kannst du beim Erstellen des gifs lösen. Man kann gifs explizit nur einmal abspielen lassen. Zb Photoshop kann das beim Exportieren definieren.

Erst wenn das Diagramm gesehen wird:

Dazu benötigst du Javascript. Da checkst du, ob das Diagramm im Viewport (= der Bereich des Browsers, der aktuell angezeigt wird) ist. Das ist etwas komplizierter. Google mal nach so etwas wie "Javascript if element is on screen".

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Computer

29.08.2022, 13:08

nutz am besten ein gif player

z.b.

https://www.cssscript.com/a-js-library-to-add-play-controls-to-an-animated-gif-gifffer/

Ähnliche Beiträge

Bilder nacheinander abspielen?

Wie ist der Code um auf meiner Website Bilder hintereinander abspielen zu lassen?

Also so dass z.B 5 Bilder automatisch nacheinander abgespielt werden?

...zum Beitrag

HTML und CSS webseite soll auf jedem Bildschirm gleich aussehen?

Hallo, ich bin dabei eine Webseite zu programmieren und habe meine webeseite nun auf einem Laptop offen. Nun würde ich aber gerne wissen wie der Code dafür lautete das meine Internetseite auf meinem 12 Zoll laptop genau so aussieht wie auf meinem 24 zoll Bildschirm. auf meinem Laptop ist alles zusammengedrückt. Im internet finde ich dazu leider nichts.

...zum Beitrag

Viren über GIF's?

Hallo!

Da es auf dem IPhone nicht möglich ist, die automatische Wiedergabe von GIF's in Safari zu deaktiviren, wollte ich mich informieren, ob sich in den GIF's, welche sich in GOOGLE häufig zwischen den Bildern befinden, Viren verstecken können (das GIF wird nicht angeklickt, es wird dennoch automatisch abgespielt). Also, kann ich mir einen Virus fangen, wenn ein GIF im Browser absgespielt wird?

...zum Beitrag

Wieso funktioniert das reCAPTCHA auf meiner Webseite nicht mehr, wegen des Headers?

Hi, ich habe eine eigene Webseite und habe ein Kontaktformular mit einem reCAPTCHA dort erstellt. Gleichzeitig habe ich aber auch um die Sicherheit der Webseite vor möglichen Angriffen durch sogenannte HTTP-Header gesichert. Der Sinn der Header ist ja, nicht eigenen Code zu blockieren, vereinfacht ausgedrückt... Dennoch will ich das reCAPTCHA von Google auf meiner Kontaktseite haben, weiß aber nicht, wie ich den Header ändern muss, damit dieser wieder funktioniert. Ich bin mir auch sicher, dass es an diesem Header, welchen ich gleich aufzeigen werde, liegt, da als ich diesen entfernt habe, das reCAPTCHA wieder funktioniert hat. Könnt ihr mir bitte sagen wie ich den Header ändern muss, damit es wieder funktioniert?

Der Header, wie ich ihn auf meiner Webseite einsetze (ich habe die Header in der .htaccess - Datei gespeichert, falls das eine relevante Information ist):

Header always set Content-Security-Policy "default-src 'self'; script-src 'self' https://*.googleapis.com; font-src 'self' https://fonts.googleapis.com/css?family=Roboto|Work+Sans:400,600; img-src 'self'; frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com"

Ich hoffe ihr könnt mir weiterhelfen!!! :D

...zum Beitrag

HTML/CSS Steam Website rebuild?

Hallo,

ich möchte gerne die aktuelle Webseite von Steam nachbauen, jedoch habe ich Schwierigkeiten mit dem Hintergrund der Seite. Obwohl die Pixel-Art am Anfang vorhanden ist, fehlt mir der untere Teil der Seite, insbesondere die Darstellung der Steine und Fische. Es wäre am besten, wenn ihr selbst auf die Seite geht, um mich besser zu verstehen.

Ich benötige das zweite Bild von der Seite, das als Hintergrund verwendet wird. Ich habe bereits versucht, es über den Source Code zu finden, war aber leider nicht erfolgreich. Ich zeige euch ein Bild, das ich bereits habe, und benötige lediglich den unteren Teil davon, den ihr auf der Steam-Seite sehen könnt. Dort werden Fische und Steine abgebildet.

Vielen Dank für eure Unterstützung!

...zum Beitrag

Google AdSense Code in HTML Code einer Wordpress Seite einfügen?

Hallo!

Ich möchte gerne Google AdSense auf meiner Webseite ausprobieren.

Nun steht da, dass ich meine Webseite mit AdSense verknüpfen soll.

Und zwar indem ich den bereitgestellten Code in den HTML Code meiner Webseite zwischen den Tags <head> und </head> einfüge.

Wie macht man das bei Wordpress?

...zum Beitrag

Kann man mit html/ css eine Seite automatisch an den Bildschirm anpassen?

Hallo,

jede website die ich im Internet sehe passt sich ohne probleme an die Bildschirm größe automatisch an. Meine Seite tut das nicht ( bin neu in css und co). Gibt es eine Möglichkeit, dass sich mit css/html die Seite an jede Bildschirmgröße anpasst ? oder braucht man ein skript (JS oder PHP)? Irgendwie müssen es die anderen Websites ja schaffen ^^ Google hab ich übrigends rauf und runter durchsucht alle lösungen dort haben mir nicht geholfen.

Der HTML code lässt sich leider nicht einfügen.

LG Mares

...zum Beitrag

Lua http.request funktioniert nicht?

Simples Problem: Bei Webseiten, die ihre URL verschoben haben, bekomme ich den Code 302 oder 301 zurück.

Ich möchte aber die gültige/neue URL haben, oder redirected werden. Ich habe auch extra "redirect" auf true gesetzt, aber es ändert nichts.

Hier mein Code mit Google Übersetzer Beispiel:

local http = require("socket.http")
local text, code = http.request{
  url = "https://translate.google.com/",
  redirect = true 
}
print(code) --301

...zum Beitrag

HTML - div verschwinden lassen nach Zeit?

Hallo,

ich habe eine einfache Webanwendung mit HTML, CSS und JavaScript programmiert. Mit CSS habe ich eine einfache Lade-Animation erstellt.

Diese Animation ist in einem .div -Container gespeichert.

Diese Animation soll nach 5 Sekunden automatisch verschwinden, da der Content meiner Webanwendung bis dahin richtig geladen hat und sonst der Bildschirm mit den verschiedenen Elementen überflutet wäre...

Durch Google bin ich leider nicht schlauer geworden.

Kann mir jemand den Code als Antwort auf diese Frage geben oder einen Link zum Code geben?

Danke im Voraus!

...zum Beitrag

Header Code in jimdo bearbeiten?

Hallo 🙋‍♀️,

ich kann eigentlich gar nicht wirklich coden und habe mir deshalb zum erstellen einer webseite jimdo zur hilfe geholt.

meine Webseite ist jetzt fertig aber sie ist noch nicht in google integriert und seo funktioniert auch nicht.

ich hab mich da mal eingelesen und man muss um die seite zu integrieren sich bei google search console mit der domain anmelden und entweder eine bestimmte Datei von google auf die webseite hochladen oder einen code in den header einfügen.

ersteres ging nicht da ich bej jimdo keine pro version hab und da die seite nur für ein privates projekt ist möchte ich kein geld ausgeben.

jetzt die frage:

braucht man da ein prorammier programm zb notepad++ oder so und wenn ja wie schafft man es das ich von meiner jimdo seite den header bearbeiten kann um den code von google fürs tracking einzufügen. Ich bin da total lost gerade

im internet steht auch nur das ich mich bei jimdo anmelden soll und bei Einstellungen auf header bearbeiten gehen soll aber ich kann da nichts einstellen. Da kann man nur die sprache verändern.(siehe oben bild)

vielleicht braucht man auch die pro version oder ich stell mich komplett dumm an aber ich kenn mich da leider gar nicht aus

bitte um hilfe!!😅

...zum Beitrag

Was sind article und section genau?

Hallo Leute,

leider verstehe ich noch nicht genau das Prinzip von article und section. So wie ich es bisher verstanden habe, wird es benutzt um einen Abschnitt darzustellen. Diese dienen dazu alles übersichtlicher zu machen.

Wann benutzt man den section und wann article, habe ich das überhaupt richtig verstanden ?

...zum Beitrag

Wie kann ich eine .ts-Datei auf meiner Webseite abspielen lassen?

Ich möchte auf meiner Webseite eine .ts-Videodatei abspielen lassen und ich habe dafür auch schon einen kleinen HTML-Code geschrieben. Dennoch möchte er sie nicht abspielen.

Könnt ihr mir dabei helfen?

Schon einmal Danke im Voraus!

Der HTML-Code:

<html lang="de">
  <head>
    <meta charset=utf-8 />
  </head>
  <body>
    <div id='player'>
      <video width="400" height="300" src="TestVideo.ts" controls autoplay></video>
    </div>
  </body>
</html>

...zum Beitrag

Datum und Uhrzeit auf Webseite anzeigen?

Hi!

Also so wie auf der Kronenzeitung möchte ich bei meiner Webseite das Datum anzeigen lassen.

Nach ein bisschen googlen habe ich das gefunden:

const event = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
console.log(event.toLocaleDateString('de-DE', options));

Nur bin ich ein JavaScript-Neuling und kenne mich gar nicht aus.

Also, wie kann ich das nun in meinen HTML-Code implementieren, damit diese Funktion auch in einer div angezeigt wird?

Ich habe mir im Entwicklertool das div von www.krone.at angeschaut, aber daraus werde ich nicht schlau.

...zum Beitrag

Wieso ändert sich bei height und width nur die Position des Elements?

Hallo zusammen,

ich versuche mit CSS meinen Slider höher bzw. breiter zu stellen (mit width und height).

Leider ändert sich nur die Position des Sliders. Weiß jemand, wo das Problem ist bzw. wie man es beheben kann?

Es ist ein .slider bei CSS und ich benutze VS, falls diese Info relevant sein sollte.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen