Autor |
Nachricht |
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 16.02.2010 17:13
Titel Random PHP Script mit jquery fade |
|
|
Hi,
ich habe hier ein script welches ein Radom Bild aus einem Ordner holen soll und es mit den anderen Bildern in dem Ordner durchfaden soll. In Verbindung mit Query .
Aber ich peil nicht ganz wie das mit der foreach schelife bzw. den bedingen laufen soll...
Könnte mir jemand mit dem Code etwas helfen ich steig da nicht durch.
Code: |
<?
$imglist='';
//$img_folder is the variable that holds the path to the banner images. Mine is images/tutorials/
// see that you don't forget about the "/" at the end
$img_folder = "images/";
mt_srand((double)microtime()*1000);
//use the directory class
$imgs = dir($img_folder);
//read all files from the directory, checks if are images and ads them to a list (see below how to display flash banners)
while ($file = $imgs->read()) {
if (eregi("gif", $file) || eregi("jpg", $file) || eregi("png", $file))
$imglist .= "$file ";
} closedir($imgs->handle);
//put all images into an array
$imglist = explode(" ", $imglist);
$no = sizeof($imglist)-2;
//generate a random number between 0 and the number of images
$random = mt_rand(0, $no);
$image = $imglist[$random];
//display image
echo "<ul id=\"rotator\">\n";
foreach($imglist as $file){
if($image==$file){
echo "\t<li class=\"show\"><img src=\"".$img_folder.$image."\" width=\"\" height=\"\" alt=\"\" /></li>\n";
}else{
echo "\t<li><img src=\"".$img_folder.$image."\" width=\"\" height=\"\" alt=\"\" /></li>\n";
}
}
echo "</ul>\n";
?> |
Irgendwie stimmt was mit der foreach schleife nicht er faded immer nur zum gleich Bild.
thx Bender
|
|
|
|
|
Eistee
Administrator
Dabei seit: 31.10.2001
Ort: Grimma
Alter: 45
Geschlecht:
|
Verfasst Di 16.02.2010 17:24
Titel
|
|
|
Wie sieht der generierte Quelltext aus / wo kann man das Problem live sehen?
|
|
|
|
|
Anzeige
|
|
|
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 16.02.2010 17:58
Titel
|
|
|
Hab das momentan nur auf n lokalen Rechner.
Hier ist der generierte Code:
Code: |
<div>
<ul id="rotator">
<li style="opacity: 1;"><img width="" height="" alt="" src="images/2.jpg"></li>
<li class="" style="opacity: 0;"><img width="" height="" alt="" src="images/2.jpg"></li>
<li style="opacity: 0;" class=""><img width="" height="" alt="" src="images/2.jpg"></li>
<li style="opacity: 0;" class=""><img width="" height="" alt="" src="images/2.jpg"></li>
<li style="opacity: 0;" class=""><img width="" height="" alt="" src="images/2.jpg"></li>
<li style="opacity: 1;" class="show"><img width="" height="" alt="" src="images/2.jpg"></li>
</ul>
</div> |
|
|
|
|
|
Eistee
Administrator
Dabei seit: 31.10.2001
Ort: Grimma
Alter: 45
Geschlecht:
|
Verfasst Di 16.02.2010 18:41
Titel
|
|
|
Obwohl der code grausam ist und ich nicht genauer geguckt habe, teste mal:
Code: |
}else{
echo "\t<li><img src=\"".$img_folder.$file."\" width=\"\" height=\"\" alt=\"\" /></li>\n";
}
|
Zuletzt bearbeitet von Eistee am Di 16.02.2010 18:41, insgesamt 1-mal bearbeitet
|
|
|
|
|
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 16.02.2010 19:01
Titel
|
|
|
Hey Eistee,
also hat funktioniert.
Allerdings ist das Random nicht wirklich ein Random beim Reload der Seite sind die Bilder in der gleichen Reihnfolge wie vorher.
Und er setzt mir ein leeres <LI> hin.
Code: |
<li style="opacity: 0;"><img width="" height="" alt="" src="images/"></li>
|
Mh ist der Code echt grausam?
Ich werde sonst nochmal n anderen Random Code verwenden.
Thx erstmal ich meld mich später nochmal...
Bender
|
|
|
|
|
Eistee
Administrator
Dabei seit: 31.10.2001
Ort: Grimma
Alter: 45
Geschlecht:
|
Verfasst Mi 17.02.2010 09:23
Titel
|
|
|
Die Reihenfolge wird auch überhaupt nicht randomisiert, es wird nur dafür verwendet ein anderes Startbild zu haben. Das mit dem LI - wie sieht der Ausgabecode aus?
|
|
|
|
|
bender007
Threadersteller
Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 18.02.2010 03:41
Titel
|
|
|
Hier die Augabe:
<ul id="rotator">
<li class="show"><img src="images/3.jpg" width="" height="" alt="" /></li>
<li><img src="images/2.jpg" width="" height="" alt="" /></li>
<li><img src="images/5.jpg" width="" height="" alt="" /></li>
<li><img src="images/4.jpg" width="" height="" alt="" /></li>
<li><img src="images/1.jpg" width="" height="" alt="" /></li>
<li><img src="images/" width="" height="" alt="" /></li>
</ul>
und bei einem refresh der Seite ändert sich garnix.
Also hier mal den Code den ich mit einem random script modifizieren wollte:
Code: |
<body>
<div>
<?php
$files=glob("images/*.jpg*", GLOB_NOSORT);
$firstfile=reset($files);
echo "<ul id=\"rotate\">\n";
foreach($files as $file){
if($firstfile==$file){
echo "\t<li class=\"show\"><a href=\"#\"><img src=\"".$file."\" width=\"\" height=\"\" alt=\"\" /></a></li>\n";
}else{
echo "\t<li><a href=\"#\"><img src=\"".$file."\" width=\"\" height=\"\" alt=\"\" /></a></li>\n";
}
}
echo "</ul>\n";
?>
</div>
</body>
|
Den Javascript teil hab ich mal ausgelassen. Hier sollen einfach nur bei jedem Seitenaufruf die Bilder random mäßig angezeigt werden...
Bender
Zuletzt bearbeitet von bender007 am Do 18.02.2010 03:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Do 18.02.2010 04:04
Titel
|
|
|
Hm, steh ich jetzt auf dem Schlauch, oder ist nicht einfach das die Lösung:
vor dem echo...
|
|
|
|
|
|
|
|
Ähnliche Themen |
jQuery Fade Effekt
Img fade in CSS gestyltem Menü? (jQuery/JS)
Hilfe bei JQuery fade in and out durch laden von Meta Tag
Flash 8 // fade in/fade out // ActionScript Problem
Efektivere Umsetzung von jQuery Script
jquery | Script wird langsamer
|
|