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 :)