Hallo zusammen,
ich möchte gerne einen Timer auf einer loopPage einbauen. Ich habe per Zufallsgenerator 20 Bilder ausgewählt und diese sollen nun alle nacheinander jeweils 5 Sekunden pro Bild erscheinen.
Ich habe eine Looppage, die die Bilder aufruft und ich habe einen Timer.
Nur sieht man nicht alle Bilder einzeln, sondern erst ein Bild und dann 19 Bilder gleichzeitig auf einer Seite.
Das sind meine Codes:
Zufallsgenerator
PHP:
$i = loopPage(20);
$varID = 'ZG01x'.sprintf('%02d', $i + 1);
$img = value($varID, 'label');
html('
<div style="margin: 3em; text-align: center">
<img src="'.$img.'" alt="" /; style="max-width: 50%">
</div>
');
PHP:
if (!isset($time0)) {
$time0 = time();
registerVariable($time0);
}
$timer = 5;
if (time() >= $time0 + $timer) {
goToPage('next');
}
$remain = $time0 + $timer - time();
replace('%remain%', $remain);
HTML:
<script type="text/javascript">
<!--
function weiter() {
SoSciTools.submitPage();
}
SoSciTools.attachEvent(window, "load", function(evt) {
SoSciTools.submitButtonsHide();
window.setTimeout(weiter, %remain% * 1000);
});
// -->
</script>