Guten Morgen Community
Ich müsste in einer Website eine kleine Textanimation einfügen, wo der Text von Links nach Rechts fliegt.
Bis jetzt funktionierte dies auch mithilfe von $fx:
http://fragen.bbcpost.ch/index.php?pid=1
Nun kam aber der Wunsch nach mehreren Texten welche gleichzeitig herumschweben.
Hier mein Versuch dies irgendwie mit einer Schlaufe zu lösen:
Hier meine Javascript Function Slide:
Nun kommt aber nach längerer Zeit die Fehlermeldung:
Fatal error: Maximum execution time of 60 seconds exceeded in C:\xampp\htdocs\Fragen\show.php on line 38
Line 38 wäre die Zeile mit dem $count++.
Kann jemand das Problem sehen?
Vielen Dank im Voraus für eure Tipps!
Gruss the_royal
Ich müsste in einer Website eine kleine Textanimation einfügen, wo der Text von Links nach Rechts fliegt.
Bis jetzt funktionierte dies auch mithilfe von $fx:
http://fragen.bbcpost.ch/index.php?pid=1
Nun kam aber der Wunsch nach mehreren Texten welche gleichzeitig herumschweben.
Hier mein Versuch dies irgendwie mit einer Schlaufe zu lösen:
PHP:
$i=0;
$count=0;
while($i<1){
echo'<div id="test'.$count.'">'.$frage.'</div>';
?>
<script type="text/javascript">
Slide(<?php $count?>);
</script>
<?php
sleep(30);
$count++;
}
?>
Hier meine Javascript Function Slide:
HTML:
function Slide(x){
//Die Fensterbreite
var width= Fensterweite();
//die Fensterhöhe abzüglich der Grösse des Text-divs
var height= Fensterhoehe()-200;
//Liefert eine zufällige Grösse im Bereich zwischen 0 und der Höhe des Fensters
var randomHeight = Zufall(height);
//Setzt margin-top vom Text-div auf den Punkt der Höhe-der zufälligen Höhe
document.getElementById("test".x).style.marginTop=height-randomHeight+"px";
document.getElementById("test".x).style.marginLeft="0px";
//Setzt den Mittelpunkt, wo der Schriftzug kurz anhaltet
//Bei marginLeft wird der Punkt aus der Bildweite/2(Mittelpunkt) - 210(die halbe weite unseres TextDivs) berechnet
$("#test".x).animate({"marginLeft": (width/2)-210+"px", "marginTop": height/2+"px", "opacity":"1"},10000);
//Timeout für eine Sekunde
$("#test".x).delay(1000);
//Setzt den Endpunkt des Schriftzuges
//Bei marginLeft wird die Bildweite abzüglich der 420(weite unseres textDivs) gesetzt, bei height wird jetzt unser Zufallswert gesetzt
//Dadurch sollte der Streckenverlauf des Divs immer linear sein
$("#test".x).animate({"marginLeft": width-420+"px", "marginTop": randomHeight+"px", "opacity":"0"},10000);
};
Nun kommt aber nach längerer Zeit die Fehlermeldung:
Fatal error: Maximum execution time of 60 seconds exceeded in C:\xampp\htdocs\Fragen\show.php on line 38
Line 38 wäre die Zeile mit dem $count++.
Kann jemand das Problem sehen?
Vielen Dank im Voraus für eure Tipps!
Gruss the_royal