• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Random Pics von einem Ordner

Status
Für weitere Antworten geschlossen.
M

marcotreier

Neues Mitglied
Ich suche ein Java Script, welches die Pics von einem Ordner verwendet.

Wo kann ich ein solches Java Script erhalten (welches auch Funktioniert!)?
 
Wesentlich komfortabler wäre folgende PHP-Lösung (ungetestet):
PHP: 
<?php
  $dir = 'bilder';   //Der Ordner in dem die Bilder liegen
  $files = scandir($dir);
  foreach($files as $file):
    if(@getimagesize($dir.'/'.$file))
      $images[] = $dir.'/'.$file;
  endforeach;
  $img = $images[array_rand($images)];
  echo '<img src="'.$img.'" alt="" />';
?>
Da sind Namen und Größe nämlich egal ;)
 
Ich versteh das nicht... - Bin ja auch Anfänger :wink:

Kann mir dieses Script niemand umschreiben, dass ich nicht einzelne Bilder sondern einen ganzen Ordner anwählen kann?

__________________________________________

[zwischen <HEAD> und </HEAD>]

<script language="JavaScript">

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = '1.gif'
theImages[1] = '2.gif'
theImages[2] = '3.gif'
theImages[3] = '4.gif'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer = new Image()
preBuffer.src = theImages
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

// End -->
</script>



[zwischen <BODY> und </BODY>]

<script language="JavaScript">

<!-- Begin
showImage();
// End -->
</script>
 
Nein, weil man mit JS nicht rausfinden kann, welche Dateien in einem Ordner sind -> Nimm PHP
 
Ich hab noch nie etwas mit php gemacht. Kann ich das einfach in die Seite integrieren?

<?php
$dir = 'bilder'; //Der Ordner in dem die Bilder liegen
$files = scandir($dir);
foreach($files as $file):
if(@getimagesize($dir.'/'.$file))
$images[] = $dir.'/'.$file;
endforeach;
$img = $images[array_rand($images)];
echo '<img src="'.$img.'" alt="" />';
?>
 
Evtl. den Verzeichnisnamen (bilder) anpassen, dann einfach an der Stelle einfügen, an der das Bild erscheinen soll. Funktioniert aber nur wenn es auf einem Server mit PHP-Unterstützung ausgeführt wird, also nicht wenn du es bei dir lokal ausführst (es sei denn du hast lokal eine Serverumgebung - z.B. XAMMP - eingerichtet).
 
Code: 
<script language="JavaScript">

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

<?php
$dir = 'bilder'; //Der Ordner in dem die Bilder liegen
$files = scandir($dir);
foreach($files as $file):
if(@getimagesize($dir.'/'.$file))
$images[] = $dir.'/'.$file;
endforeach;

foreach($images as $key => $name)
{
    echo "theImages[$key] = '$name.'\r\n";
}

?>

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

// End -->
</script>

sollge gehen :P
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben