 Zufallsbild + Text - Version 01
Script zur Anzeige eines Zufallsbildes / einer Zufallsgrafik plus Untertitel. Das Script ermittelt eine BildNummer und schreibt die HTML-Tags für Bild und Text dort in das Dokument, wo der Funktionsaufruf notiert wurde.
|
|
Version 01: Zuweisung der Werte über if-Anweisungen
Hier wird abhängig von einer zufällig generierten BildNummer
- eine der im JavaScript gelisteten Grafiken angezeigt
- der zugehörige Text angezeigt
- der Text in der jeweils festgelegten Farbe angezeigt
Für jede anzuzeigende Grafik werden 3 Angaben (Grafik-URL, Text und Textfarbe) eingetragen Diese Werte werden 3 Variablen zugewiesen. Die Die Auswahl erfolgt über simple IF-Abfragen:
Wenn die BildNummer "1" ist, dann ist die URL für die Grafik ...
Wenn die BildNummer "1" ist, dann ist der Text ...
Wenn die BildNummer "1" ist, dann ist die Textfarbe ...
Demo für die zufällige Anzeige:
Eingetragene Werte
Bildanzahl, Rand, Breite, Höhe
Damit die errechnete BildNummer nicht größer als die Anzahl der eingetragenen Images ist, setzen sie in der Variablen "anzahl" den entsprechenden Wert ein (hier "7").
Fürt die Randformatierung können Sie gültige CSS-Angaben eintragen.
var Anzahl = 7; // Anzahl der Bilder
var Bildrand = "7px solid #7F7F7F"; // Randformat
var Breite = "300";
var Hoehe = "240";
Zur Gestaltung des Bildrandes des Bildrandes sind alle gültigen CSS-Formate der Randformatierung erlaubt. Beispiele:
3px double #AFAFAF, 8px groove #B3AAEC, 5px inset #B3AAEC,
6px dotted #B3AAEC, 7px solid #7F7F7F, 3px ridge #7F7F7F, ...
Liste der Grafiken
3 Eintragungen im Script für jede Option (Beispiel):
TextFarbe = "#0090E0"; // Textfarbe
GrafikUrl = "Foto055.jpg"; // Bildquelle
UnterTitel = "Bild 55" // zugehöriger Text
im BODY
Die Grafik und der zugegörige Text erscheint in ihrem HTML-Dokument dort, wo sie die Funktion Zufallsbild01() aufrufen.
<script type="text/javascript" language="JavaScript">
<!--
Zufallsbild01();
//-->
</script>
|
Home • Bilder • CSS • Zufallsgrafik
Demo
Download