Benutzer:Frau Samthandschuh/hat eine Frage: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K (Nachtrag)
 
(8 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Ich möchte gerne wissen, ob jemand weiß, wie man Bilder zufällig lädt?
+
[]
Habe hier ein Beispiel erstellt, wenn jemand das ausprobieren möchte, dann kann er sich in
 
einem Ordner auf seinem Rechner mal eine dingdong.html oder wasweissich.html Seite
 
erstellen, mit folgendem Inhalt: (Der Inhalt ist nur zu sehen, wenn man diese Seite hier im EDITMODUS betrachtet,
 
weil ich die spitzen Klammern gegen eckige getauscht habe und alles auskommentiert habe. Mit STRG-H lassen sich
 
die Klammern wieder umtauschen.) Die Bilder für dieses Beispielprojekt legt man in den selben Ordner wie die HTML Datei (Bilderquelle ist anbei).
 
 
 
 
 
Kann mir das bitte jemand einbauen, damit ich per Zufall Bilder laden kann. Ich will keine Ausserfrieseische Quellen verwenden,
 
sondern nur welche, die - wie gewöhnlich - auf Kamelopedia lagern. Also: DATEI:XYZ1.png / DATEI:XYZ2.png / DATEI:XYZ3.png
 
 
 
 
 
Man könnte horizontale Bilderreihenentwerfen, die, wie Kinderspiele, man einen Krokodilkopf/Taube/Schlange im oberen Bereich zufällig wiedergeben. Im Mittelteil, dann die Körper, im unteren Teil dann die Beine/Räder /Alienfüsse. Die Anzahl meiner benötigten Bilder wären, wie im Beispielprojekt mal 3 für jedes Bild. Wobei ja jeder dann sein eigenes hinzufügen kann, daher ist das schwerste hier wohl, dass man die Anzahl der Bilder entweder fix lassen müßte, oder je nach Editleistung und Bildeanzahl, immer nachjustieren, im JScript. Was ich für eine Seite vorhab, sag ich erst
 
wenn es funktioniert. Ist nix besonderes, hauptsache es macht Spaß :)  [[Kamel:Frau Samthandschuh|Frau Samthandschuh]] ([[Kamel Diskussion:Frau Samthandschuh|Diskussion]]) 05:08, 21. Okt. 2016 (NNZ)
 
 
 
Nachtrag: Ist das hier evtl. die Lösung? https://en.wikipedia.org/wiki/Template:Random_item [[Kamel:Frau Samthandschuh|Frau Samthandschuh]] ([[Kamel Diskussion:Frau Samthandschuh|Diskussion]]) 06:03, 21. Okt. 2016 (NNZ)
 
 
 
<!--
 
 
 
[!DOCTYPE html ]
 
[html]
 
[head]
 
[script language='javaScript']
 
function rand (min, max)
 
{return Math.floor(Math.random() * (max - min + 1)) + min;}
 
 
 
 
 
 
 
function setPicZufall()
 
{/* document.getElementById('ro').innerHTML = rand(1, 3);
 
document.getElementById('lo').innerHTML = rand(1, 3);
 
document.getElementById('ru').innerHTML = rand(1, 3);
 
document.getElementById('lu').innerHTML = rand(1, 3);
 
  */
 
 
 
/* ro rechtsoben - lo linksoben - ru rechtsunten - lu linksunten */
 
var1 = 'ro' + rand(1, 3) + '.png';
 
var2 = 'lo' + rand(1, 3) + '.png';
 
var3 = 'ru' + rand(1, 3) + '.png';
 
var4 = 'lu' + rand(1, 3) + '.png';
 
document.getElementById('ro').style.backgroundImage = "url("+var1+")";
 
document.getElementById('lo').style.backgroundImage = "url("+var2+")";
 
document.getElementById('ru').style.backgroundImage = "url("+var3+")";
 
document.getElementById('lu').style.backgroundImage = "url("+var4+")";
 
 
 
}
 
 
 
[/script]
 
[/head]
 
[body onLoad='setPicZufall();']
 
[div style='margin: auto; border: solid 1px black; width: 296px; height: 298px;']
 
  [div name='ro' id='ro' style='border: 0px; width: 148px; height: 148px; float:right;'][/div]
 
  [div name='lo' id='lo' style='border: 0px; width: 148px; height: 148px; float: left;'][/div]
 
  [div name='lu' id='lu' style='border: 0px; width: 148px; height: 148px; float: left;'][/div]
 
  [div name='ru' id='ru' style='border: 0px; width: 148px; height: 148px; float:right;'][/div]
 
[/div]
 
[/body]
 
[/html]
 
 
 
Bilder zum runterladen:
 
https://picload.org/image/rdllggld/ru1.png
 
https://picload.org/image/rdllgglo/ru2.png
 
https://picload.org/image/rdllgglc/ru3.png
 
https://picload.org/image/rdllgglp/lo1.png
 
https://picload.org/image/rdllggcg/lo2.png
 
https://picload.org/image/rdllggcd/lo3.png
 
https://picload.org/image/rdllggco/lu1.png
 
https://picload.org/image/rdllggcc/lu2.png
 
https://picload.org/image/rdllggcp/lu3.png
 
https://picload.org/image/rdllggig/ro1.png
 
https://picload.org/image/rdllggid/ro2.png
 
https://picload.org/image/rdllgglg/ro3.png
 
 
 
-->
 

Aktuelle Version vom 30. Dezember 2016, 18:59 Uhr

[]