Hintergrundbild

[Matthias Scharwies]

Servus!

Hey, auf der Seite qwellcode fand ich die Idee mit dem Hintergrund interessant.

interessant ist vielleicht wirklich das richtige Wort!

Jetzt aber ohne Canvas(denke, dass es das ist^^).

Ja, habe bestimmt 2 min gebraucht, um mich mit dem Seiteninspektor bis zur passenden Stelle durchzukämpfen:

<aside class="intro">
    <img src="images/backgrounds/references_placeholder.jpg" alt="Qwellcodes berühmtes Jeff-Hintergrundbild" data-segment="references">
</aside>

wird per JS durch ein canvas-Element ersetzt:

<aside class="intro">
  <div id="particles-js" style="display: block;">
    <canvas class="particles-js-canvas-el" 
            style="width: 100%; height: 100%;" 
            width="1834" 
            height="910">
    </canvas>
  </div>
    

Wie ist das ganze zu lösen?

Na ja, mit canvas und viel JavaScript. Braucht's des?

Herzliche Grüße

Matthias Scharwies