Manuellsen Posted May 11, 2009 Report Share Posted May 11, 2009 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 Link to comment Share on other sites More sharing options...
hoyo2003 Posted May 11, 2009 Report Share Posted May 11, 2009 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 Link to comment Share on other sites More sharing options...
Manuellsen Posted May 12, 2009 Author Report Share Posted May 12, 2009 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 Link to comment Share on other sites More sharing options...
hoyo2003 Posted May 12, 2009 Report Share Posted May 12, 2009 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"> </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"> </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 Link to comment Share on other sites More sharing options...
hoyo2003 Posted May 13, 2009 Report Share Posted May 13, 2009 Ich hoffe mal das es dir so reicht... Gruß Tony Link to comment Share on other sites More sharing options...
Manuellsen Posted May 14, 2009 Author Report Share Posted May 14, 2009 Vielen vielen Dank, Tony - klappt 1A! Gruß Manuellsen Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.