Zufallsbilder auf der Startseite (verlinkt)?

[Manuellsen]

Hallo zusammen,

meine Startseite besteht aus einer externen php Datei und ich würde gerne Artikelbilder in zufälliger Reihenfolge anzeigen lassen, welche auch verlinkt sind.

Kann mir da jemand einen hilfreichen Codeschnipsel bzw. Tutorial geben? Wäre nett.

Gruß Manuellsen

[hoyo2003]

Tachen...
Also das ist jetzt mal ein ausschnitt von usnerem shop... sind 3 Bilder die sich jedes mal ändern... du kannst die anzahl auch höher nehmen ...

<script type="text/javascript" language="JavaScript">
<!--
var Anzahl = 3; // Anzahl der Bilder
var ZufallJetzt = new Date()
var ZufallsZahl = ZufallJetzt.getSeconds() % (Anzahl);
// Zuweisungen abhängig von der Zufallszahl
if (ZufallsZahl==0) {
TextFarbe = "#FFFFFF";
GrafikUrl = "http://www.hoyo.de/Werbung_index/Slim_XG_2.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p612_SLIM-XG-2.html";
UnterTitel=""
}
if (ZufallsZahl==1) {
TextFarbe="#FFFFFF";
GrafikUrl = "http://www.hoyo.de/Werbung_index/Office_5200_DVI.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p360_Office-5200-DVI.html";
UnterTitel=""
}
if (ZufallsZahl==2) {
TextFarbe="#FFFFFF";
GrafikUrl = "http://www.hoyo.de/Werbung_index/Xtreme_5830_DVI.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p590_Xtreme-5830-DVI.html";
UnterTitel=""
}
function Zufallsbild01() {
document.write('<a href="' + link_url + '" target=_self></br>')
document.write("<img src='" + GrafikUrl+ "' width='250' height='300' border='1' alt='Text'></a><br>")
document.write("<font color='" + TextFarbe +"'>" + UnterTitel + "</font><br>")
return
}
// -->
</script>
<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
Zufallsbild01();
//-->
</script>

Gruß Tony

[Manuellsen]

Danke Tony, klappt sauber.

Aber wie mache ich es bei 2 Bildern die nebeneinander sein sollen und bei jeder Seitenaktualisierung neue Bilder zeigen sollen? Hab es nicht hinbekommen, mit deinem Code 2 Bilder nebeneinander zu bekommen.

Gruß Manuellsen

[hoyo2003]

Also ich habe es mit 4 verschiedenen gemacht ... also so eine art tabelle...
2 oben und 2 unten... musst du mal schauen...

<table border="0" align="center" width="350">
<tbody>
<tr>
<td height="100">
<script type="text/javascript" language="JavaScript">
<!--
var Anzahl = 3; // Anzahl der Bilder
var ZufallJetzt = new Date()
var ZufallsZahl = ZufallJetzt.getSeconds() % (Anzahl);
// Zuweisungen abhängig von der Zufallszahl
if (ZufallsZahl==0) {
TextFarbe = "#FFFFFF";
GrafikUrl = "/Werbung_index/Monitor_22_TFT_HDMI.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p506_TFT-22--AOC-2230Fh-wide-2ms-HDMI.html";
UnterTitel=""
}
if (ZufallsZahl==1) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Office_5200_DVI.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p360_Office-5200-DVI.html";
UnterTitel=""
}
if (ZufallsZahl==2) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Xtreme_5830_DVI.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p590_Xtreme-5830-DVI.html";
UnterTitel=""
}
function Zufallsbild01() {
document.write('<a href="' + link_url + '" target=_self></br>')
document.write("<img src='" + GrafikUrl+ "' width='250' height='300' border='1' alt='Text'></a><br>")
document.write("<font color='" + TextFarbe +"'>" + UnterTitel + "</font><br>")
return
}
// -->
</script>
<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
Zufallsbild01();
//-->
</script>
<br /></div>
</td>
<td width="50">&nbsp;</td>
<td>
<script type="text/javascript" language="JavaScript">
<!--
var Anzahl = 3; // Anzahl der Bilder
var ZufallJetzt = new Date()
var ZufallsZahl = ZufallJetzt.getSeconds() % (Anzahl);
// Zuweisungen abhängig von der Zufallszahl
if (ZufallsZahl==0) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Xtreme_5960_GT-1.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p383_Xtreme-5960-GT---I.html";
UnterTitel=""
}
if (ZufallsZahl==1) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Basic_Dual_Core.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p454_Basic-Dual-Core.html";
UnterTitel=""
}
if (ZufallsZahl==2) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Xtreme_7750_HDMI.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p356_Xtreme-7750-HDMI.html";
UnterTitel=""
}
function Zufallsbild01() {
document.write('<a href="' + link_url + '" target=_self></br>')
document.write("<img src='" + GrafikUrl+ "' width='250' height='300' border='1' alt='Text'></a><br>")
document.write("<font color='" + TextFarbe +"'>" + UnterTitel + "</font><br>")
return
}
// -->
</script>
<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
Zufallsbild01();
//-->
</script>
<br /></div>
</td>
</tr>
<tr>
<td height="100">
<script type="text/javascript" language="JavaScript">
<!--
var Anzahl = 3; // Anzahl der Bilder
var ZufallJetzt = new Date()
var ZufallsZahl = ZufallJetzt.getSeconds() % (Anzahl);
// Zuweisungen abhängig von der Zufallszahl
if (ZufallsZahl==0) {
TextFarbe = "#FFFFFF";
GrafikUrl = "/Werbung_index/Xtreme_7950_GT.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p83_Xtreme-7950-GT.html";
UnterTitel=""
}
if (ZufallsZahl==1) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/HOYO_L_14.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p600_HOYO-L14.html";
UnterTitel=""
}
if (ZufallsZahl==2) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Blu_Ray_ROM";
link_url="http://www.hoyo.de/product_info.php/info/p581_Blu-ray-ROM-LiteON-DH-4O1S-SATA.html";
UnterTitel=""
}
function Zufallsbild01() {
document.write('<a href="' + link_url + '" target=_self></br>')
document.write("<img src='" + GrafikUrl+ "' width='250' height='300' border='1' alt='Text'></a><br>")
document.write("<font color='" + TextFarbe +"'>" + UnterTitel + "</font><br>")
return
}
// -->
</script>
<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
Zufallsbild01();
//-->
</script>
<br /></div>
</td>
<td width="50">&nbsp;</td>
<td>
<script type="text/javascript" language="JavaScript">
<!--
var Anzahl = 3; // Anzahl der Bilder
var ZufallJetzt = new Date()
var ZufallsZahl = ZufallJetzt.getSeconds() % (Anzahl);
// Zuweisungen abhängig von der Zufallszahl
if (ZufallsZahl==0) {
TextFarbe = "#FFFFFF";
GrafikUrl = "/Werbung_index/VGA_2048_9600_GT";
link_url="http://www.hoyo.de/product_info.php/info/p298_2048-MB-Geforce-9600GT-PCI-Express.html";
UnterTitel=""
}
if (ZufallsZahl==1) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/Intel_Core2Duo.jpg";
link_url="http://www.hoyo.de/product_info.php/info/p352_HOYO-L7---Intel-Core-2-Duo.html";
UnterTitel=""
}
if (ZufallsZahl==2) {
TextFarbe="#FFFFFF";
GrafikUrl = "/Werbung_index/X2_6000";
link_url="http://www.hoyo.de/product_info.php/info/p470_X2-6000.html";
UnterTitel=""
}
function Zufallsbild01() {
document.write('<a href="' + link_url + '" target=_self></br>')
document.write("<img src='" + GrafikUrl+ "' width='250' height='300' border='1' alt='Text'></a><br>")
document.write("<font color='" + TextFarbe +"'>" + UnterTitel + "</font><br>")
return
}
// -->
</script>
<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
Zufallsbild01();
//-->
</script>
<br /></div>
</td>
</tr>
</tbody>
</table>

Gruß Tony

[hoyo2003]

Ich hoffe mal das es dir so reicht...

Gruß Tony

[Manuellsen]

Vielen vielen Dank, Tony - klappt 1A!

Gruß Manuellsen