Kurosan: Auslesen und ausgeben von Bildern

Beitrag lesen

SELF-Forum

Auslesen und ausgeben von Bildern

Kurosan
– Informationen zu den Bewertungsregeln

Guten Tag,
doch leider nicht erledigt.

So sieht das Script(als php Datei) im ganzem aus und funktioniert bestens:

<!doctype html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>jQuery simplyScroll - Logicbox</title>  
    <script type="text/javascript" src="../../js/jquery.js"></script>  
    <script type="text/javascript" src="jquery.simplyscroll.js"></script>  
    <link rel="stylesheet" href="./css/jquery.simplyscroll.css" media="all" type="text/css">  
    <script type="text/javascript">  
(function($) {  
        $(function() {  
                $("#scroller").simplyScroll({autoMode: 'loop',  
                                             pauseOnHover: false,  
                                             pauseOnTouch: false  
                                            });  
        });  
})(jQuery);  
    </script>  
</head>  
<body>  
<ul id="scroller">  
 <?php  
$i = 1;  
$bilder = array();  
$verzeichnis = opendir("../../picflag/");  
while ($bild = readdir($verzeichnis)) {  
    if ($bild !=".") {  
$bilder[] = "<li><img src=\"../../pic/$bild\"></li>";  
    }  
}  
closedir($verzeichnis);  
$max = count($bilder);  
while ($i<=$max){  
    echo $bilder[$i];  
    $i = $i+1;  
}  
?>  
</ul>  
</body>  
</html>

Zum Einbinden in das vorhandene System muss das Script getrennt werden:
erste Datei(glob.html.php):

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="ISO-8859-1" />  
<meta http-equiv="X-UA-Compatible" content="IE=edge" />  
<title><?=$ZE_SETT->chat_name?></title>  
    <script type="text/javascript" src="./js/jquery.js"></script>  
    <script type="text/javascript" src="./js/jquery.simplyscroll.js"></script>  
    <link rel="stylesheet" href="./css/jquery.simplyscroll.css" media="all" type="text/css">  
    <script type="text/javascript">  
(function($) {  
        $(function() {  
                $("#scroller").simplyScroll({autoMode: 'loop',  
                                             pauseOnHover: false,  
                                             pauseOnTouch: false  
                                            });  
        });  
})(jQuery);  
    </script>  
</head>  
<body>  
<ul id="scroller">  
    <?=$bilder[]?>  
</ul>  
</body>  
</html>

zweite Datei(glob.inc.php):

<?php  
$i = 1;  
$bilder = array();  
$verzeichnis = opendir("./pic/globwo/flag/");  
while ($bild = readdir($verzeichnis)) {  
    if ($bild !=".") {  
$bilder[] = "<li><img src=\"./pic/globwo/flag/$bild\"></li>";  
    }  
}  
closedir($verzeichnis);  
$max = count($bilder);  
while ($i<=$max){  
    echo $bilder[$i];  
    $i = $i+1;  
}  
require_once './html/globwo.html.php';  
?>

Leider werden die Bilder dann nur noch untereinander angezeigt und nicht als jquerry-scroll(alle Bilder laufen hintereinander weg).

Wo und wie kann man das Problem lösen und hat jemand eine Lösung dazu?

Beitrag melden
–
Informationen zu den Bewertungsregeln