Spezielles Spoiler Plugin

Kyubinoyoko

Heyho liebe Community.

Ich habe auf einer Seite ein Spoilerbutton System gesehen, bei dem der Browser den Inhalt der Spoiler, in diesem Fall Player von Megavideo, Filestage und Novamov, erst dann lädt wenn diese auch geöffnet werden.

Auf meiner eigenen Seite habe ich das Problem, dass der Inhalt der Spoiler schon beim laden der Seite geladen wird und somit braucht die Seite immer länger zu laden, wenn ich weitere Player hinzufüge.
Wie kann ich das auch so umsetzten, dass der Browser die Player ignoriert und sie erst lädt, wenn ich die Spoiler öffne?

Danke im voraus.
MFG Kyubinoyoko

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

eXestend

Wieso bindest Du das nicht einfach in dein HTML-Code ein ?

Ansonsten sollte Dir die "quicktags.dev.js" in "/wp-includes/js" unter anderem weiter helfen können.

PHP

<script type="text/javascript"><!-- //coded by con-f-use@gmx.net - be fair and do not remove this
    document.onmousemove = mouse;
    var x=y=oldx=oldy=0;
    function mouse(e)   {
        x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
        y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
                        }
    
    function placePic(strId,intX,intY) {
        if ( pic=document.getElementById(strId) )
         {
            pic.style.left = Math.round(oldx+=.6*(x-oldx)) + Number(intX) +"px"; 
            pic.style.top = Math.round(oldy+=.6*(y-oldy)) + Number(intY) +"px";
            setTimeout('placePic("'+ strId +'","'+ intX +'","'+ intY +'")',100);
        }
    }
//--></script>

Alles anzeigen

Code

<div id="mousepic" style="position:absolute;top:0px;left:0px;"><img src="gfx/DANCER1.GIF"/></div>
 
<script type="text/javascript"><!--
        placePic("mousepic",20,0);
    //--></script>

LG

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Spezielles Spoiler Plugin

Jetzt mitmachen!