Ich bastel gerade wieder an etwas rum und habe mal wieder ne Frage...
Ich habe auf einer meiner Seiten eine Bilderzufallswiedergabe realisiert:
http://www.zaaap.net/zaaapfun/
Dort wieder dann immer zufällig ein Bild aus einem Verzeichnis angezeigt.
Der Code dahinter ist:
Ein Klick auf das Bild, bzw eigentlich das DIV, führt zu einem Reload der kompletten (Wordpress)Seite.
Was ich nun möchte ist, dass bei einem Klick nicht mehr die ganze Seite neu geladen wird, sondern nur noch das Pics-DIV mit einem neuen Zufallsbild neu geladen wird.
Ich habe aber leider keine Ahnung, wie ich das Umsetzen soll.
Ich in mir ziemlich sicher, dass man da in Richtung Ajax/jquery etwas machen kann, aber wie gesagt: Keine Ahnung wie konkret.
Über Hilfe würde ich mich freuen.
Nachtrag:
Ich merke gerade, dass da aktuell auch scheinbar irgendwo caching die Zufallswiedergabe unterwandert...
Ein Hard Refresh funktioniert, ein einfacher Klick oder nur F5 nicht.
Das hat aber mit der eigentlichen Frage -zunächst mal- nix zu tun. Nur zur Info.
Ich habe auf einer meiner Seiten eine Bilderzufallswiedergabe realisiert:
http://www.zaaap.net/zaaapfun/
Dort wieder dann immer zufällig ein Bild aus einem Verzeichnis angezeigt.
Der Code dahinter ist:
[src=php]
<div style="text-align:center">
<div id="top">
⇓ Auf's Bild klicken für neues Zufalls-Bild! ⇓</div>
<div id="main">
<a href="#" onClick="window.location.reload();return false;"><div id="pics">
<?php
$Verzeichnis = "zfimages";
if($Verzeichniszeiger = opendir($Verzeichnis))
{
while($Datei = readdir($Verzeichniszeiger))
{
if(!is_dir($Datei))
{
$Dateien[] = $Datei;
}
}
closedir($Verzeichniszeiger);
}
echo"<img alt=\"ZaaaPfun!\" src=\"",
"../$Verzeichnis",
"/",
$Dateien[rand(0, count($Dateien)-1)],
"\">";
?>
</div>
</a>
</div>
</div>
[/src]
<div style="text-align:center">
<div id="top">
⇓ Auf's Bild klicken für neues Zufalls-Bild! ⇓</div>
<div id="main">
<a href="#" onClick="window.location.reload();return false;"><div id="pics">
<?php
$Verzeichnis = "zfimages";
if($Verzeichniszeiger = opendir($Verzeichnis))
{
while($Datei = readdir($Verzeichniszeiger))
{
if(!is_dir($Datei))
{
$Dateien[] = $Datei;
}
}
closedir($Verzeichniszeiger);
}
echo"<img alt=\"ZaaaPfun!\" src=\"",
"../$Verzeichnis",
"/",
$Dateien[rand(0, count($Dateien)-1)],
"\">";
?>
</div>
</a>
</div>
</div>
[/src]
Ein Klick auf das Bild, bzw eigentlich das DIV, führt zu einem Reload der kompletten (Wordpress)Seite.
Was ich nun möchte ist, dass bei einem Klick nicht mehr die ganze Seite neu geladen wird, sondern nur noch das Pics-DIV mit einem neuen Zufallsbild neu geladen wird.
Ich habe aber leider keine Ahnung, wie ich das Umsetzen soll.
Ich in mir ziemlich sicher, dass man da in Richtung Ajax/jquery etwas machen kann, aber wie gesagt: Keine Ahnung wie konkret.
Über Hilfe würde ich mich freuen.
Nachtrag:
Ich merke gerade, dass da aktuell auch scheinbar irgendwo caching die Zufallswiedergabe unterwandert...
Ein Hard Refresh funktioniert, ein einfacher Klick oder nur F5 nicht.
Das hat aber mit der eigentlichen Frage -zunächst mal- nix zu tun. Nur zur Info.
Zuletzt bearbeitet: