Tema: Re: Javascript random images
Autorius: Justas Butkus
Data: 2009-06-02 16:16:59
Pavyzdys už dvi kapeikas toliau.

Nesu tikras, ar veikia - JavaScript tikrai nėra vieta, kur būčiau kuo
įsitikinęs. :)

Reikėtų optimizuoti, plėsti, pagalvoti velniam čia JS naudojamas, nebent
neperkraunant puslapio paveiksliukus norime kaitalioti...



--
JB

PHP kodas:

<?php

$path = '/kelias/iki/paveiksliuku/katalogo/';
$extension = '*.jpg';

$urlPath = 'http://turinio.serveris.pavyzdys.lt/paveiksliukai/';

echo '<?xml version="1.0" encoding="UTF-8"?>';
echo '<images>';

foreach( glob($path . $extension) as $image ) {
    echo '<image>';
    echo '<url>' . $urlPath . $image . '</url>';
    echo '</image>';
}

echo '</images>';

?>


Atsisiunčiame jQuery: http://docs.jquery.com/Downloading_jQuery

JavaScript kodas:

<script type="text/javascript">
$(document).ready(function() {
    var elementPlace = '#paveiksliukas';
    var listImages = new Array();
    var serviceAddr =
'http://turinio.serveris.pavyzdys.lt/paveiksliuku.php';
    $.ajax({
        url: serviceAddr,
        dataType: "xml",
        success: function (xml) {
            $(xml).find('image').each(function() {
                listImages[] = $(this).find('url').text();
            });
        }
    });

    var random = Math.floor(Math.random() * listImages.length());
    $(elementPlace).innerHTML('<img src="' + listImages[random] +
        '" alt="Random image" />');
});
</script>

Valentinas rašė:
> joo, ir pasakei, kaip man aukstasis pilotazas :)
> Jei pasakytum, nuo ko pradeti su AJAX tai butu dar geriau :)