0 votes
in SoSci Survey (dt.) by s153851 (200 points)

Hallo,
ich möchte auf der Anfangsseite ein etwas größeres Bild für ca. fünf Sekunden einblenden und dann nach Ablauf dieser Zeit wieder ausblenden. Danach soll die "normale" Anfangsseite erscheinen. Wie setze ich das um?

Vielen Dank im Voraus!

1 Answer

0 votes
by s109993 (12.0k points)
edited by s109993

Sie könnten ein Seite vor die "normale" Anfangsseite setzen, welche nur ein Bild hat.

    <?php
    
    library('jQuery');
    
    ?>

<html>
    <img id="i" src="Bild_pfad" />
    
    <script>
    window.setTimeout(
        function(){
            $('#i').fadeOut('slow');
        },10000);
    
    </script>

</html>

Gleichzeitig setzen Sie einen Timer, welcher automatisch auf die nächste Seite weiterleitet.
https://www.soscisurvey.de/help/doku.php/de:create:timer-submit

Das ist sicher nur ein workaround und geht noch eleganter. Auch zu beachten: Der obere Teil ist Java Script und kann bei Teilnehmern aktiviert sein. Dann geht das alles schon nicht mehr. Es gibt mittlerweile auch Optionen das mit CSS zu machen (funktioniert dann allerdings nur auf neueren Browsern).

Vielleicht hilft Ihnen das ersteinmal weiter.

Edit: library im Code eingefügt. (siehe: https://www.soscisurvey.de/help/doku.php/de:create:functions:library)

by SoSci Survey (330k points)
Ene kleine Ergänzung noch: Der obigen Code erfordert die JavaScript-Bibliothek jQuery. Diese kann man mit dem PHP-Befehl library() einfach einbinden.

Alternativ stünde auf www.soscisurvey.de auch die Bibliothek Velocity für das Ein-/Ausblenden von Objekten zur Verfügung. JavaScript ist für derartige dynamische Änderungen aber auf alle Fälle erforderlich (von der CSS-Lösung abgesehen, die wahrscheinlich auch nicht funktioniert, wenn kein JS verfügbar ist).

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...