Posted By

ginoplusio on 12/13/09

Tagged

php
jquery

Versions (?)

Last Edited at 12/13/09 08:03am

Statistics

Viewed 1329 times

Favorited by 2 user(s)

Related snippets

How to make a small gallery with PHP and JQuery

/ Published in: jQuery

This is the code to make a simple gallery really fast, with php, jquery and a dir full of pictures.

Highlighted TextExpand

//---------------------------------------------
//Php Function to read the images in a dir
function getJsArray($dir) {
    $out = "";
    if ($dh = opendir($dir)) {
        while (($file = readdir($dh)) !== false)
            if(in_array( substr(strrchr($file, '.'), 1) , array('gif','png','jpg') )) $out.= ($out?",":"")."'".$dir.$file."'";
        closedir($dh);
    } else { die ("no dir"); }
    return $out;
}

<html>
<head>
    <title>Mini PHP-Jquery Gallery/Slideshow</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">

//---------------------------------------------
    var gallery_current_pos = 0;            // gallery counter position
    var gallery_idname = "container";        // id of the gallery container
    var gallery_timer = 5000;                // 5 seconds
    var gallery_ar = Array(<?=getJsArray("./minislides/")?>);

</script>
    <style>

#container {background-repeat:no-repeat;width:300px;height:200px;}

</style>
</head>
<body onload="goGallery();">

</body>
</html>

URL: http://www.barattalo.it/2009/12/13/mini-galleryslideshow-with-php-and-jquery/

Report this snippet Tweet