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

Suchergebnisse

  1. Oliver77

    Objekte mit ID finden

    document.querySelectorAll('[id^="btn"]'); Getestet.
  2. Oliver77

    Info Website Heinz Otterson

    Hallo @all mein Herzensprojekt ist fertig. Eine Website über meinen Vater, der Künstler war. Diesmal kein Wordpress sondern HTML. Die Galerien sind selbst programmiert. Dazu werde ich noch ein Tutorial machen, wie man die einbindet. Feedback ist willkommen. Website Heinz Otterson
  3. Oliver77

    Jede Seite gleiche Kopfzeile bzw. Fußzeile

    Du meinst das: https://www.php-einfach.de/php-tutorial/php-include/
  4. Oliver77

    [ERLEDIGT] Hintergrundbild ausmessen.

    Ich nutze ja background-size:contain. und brauche die Breite. Ich hab's jetzt so gelöst, dass ich auf Hintergrundbilder verzichte und Img's nutze und oben genannte Methoden nutze.
  5. Oliver77

    [ERLEDIGT] Hintergrundbild ausmessen.

    Danke für die schnelle Rückmeldung, er spuckt bei mir "contain" aus.
  6. Oliver77

    [ERLEDIGT] Hintergrundbild ausmessen.

    Hallo, ich würde gerne die Breite und Höhe eines Hintergrundbildes ermitteln. Für Img's gibt es var x = document.getElementById("myImg").naturalWidth; var x = document.getElementById("myImg").naturalHeight; Muss ich ein Image erzeugen und dann auslesen? Scheint mir bissel blöd. Thx for Feedback.
  7. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Also bei mir dauert es 3 bis 4 Sekunden, und man sieht die Ani...
  8. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    So habe ich es eingebaut: const preloadImg = ["bild1", "bild2", "bild3"] const pathPl = "galerie-imgs"; var imagesLoaded = 0; for (var i = 0; i < preloadImg.length; i++) { var img = new Image(); img.src = pathPl + "/" +...
  9. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Klar sollte man das optimieren, aber da wo Bilder geladen werden, entsteht eine Wartezeit. Ich programmiere gerade eine Galerie, da habe ich es eingefügt. Das hässliche Flackern fällt weg... Galerie (die Galerie ist noch nicht für mobil optimiert)
  10. Oliver77

    Probleme mit Laden eines Sliders

    Hallo das taucht nur manchmal auf das Problem. Kann es nicht reproduzieren, funktioniert nach dem ersten Laden. Ich hab' so gelöst, funktionierte jedenfalls bei mir auf'm Laptop: .flickity-viewport { aspect-ratio: 1.73; height:auto; } Den Wert muss man errechnen. Breite des Elements geteilt...
  11. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Auch ein Klassiker: https://codepen.io/Oliver7777/pen/mdzMGez Auch in Grau: https://codepen.io/Oliver7777/pen/PoyKXJv
  12. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Der klassische Kringel schlechthin: https://codepen.io/Oliver7777/pen/abRyBrb Hinweis: Funktioniert nicht mit dem Wordpress-Plugin
  13. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Und noch eine: https://codepen.io/Oliver7777/pen/jOeLNQp Hinweis: Funktioniert nicht mit dem Wordpress-Plugin
  14. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Die vierte Animation: https://codepen.io/Oliver7777/pen/JjmyPxd
  15. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Und die dritte Animation: https://codepen.io/Oliver7777/pen/qBJjQRR
  16. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Hier noch eine zweite Animation: https://codepen.io/Oliver7777/pen/WNaOraj
  17. Oliver77

    CSS 3 Loader Animation HTML und Wordpress

    Hallo, habe für meine Homepage und dem Wordpress-Plugin Page Loading Effects (Preloader) eine kleine Loading-Animation erstellt. Vielleicht kann der eine oder andere das auch gebrauchen. Hier sieht man die Animation: https://codepen.io/Oliver7777/pen/JjmNBPE Für das Plugin stellt man auf...
  18. Oliver77

    Tooltip mit CSS gestalten

    Ja im Quelltext sehe ich das Javascript, aber im CSS nicht "#toolTipId". Hab's mal im Browser getestet es geht, wenn du das #toolTipId { position: absolute; background-color: #E4E4E6; border-radius: 5px; text-align: center; z-index: 9999; text-transform: uppercase...
  19. Oliver77

    Tooltip mit CSS gestalten

    Wie hast du denn das Script eingebunden? Vor dem schließenden body tag?
  20. Oliver77

    Tooltip mit CSS gestalten

    Und geht nicht? komisch...
Oben