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

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
(Frage nach Zufalls-Bilder-holer)
 
K (Nachtrag)
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
 +
 
 +
-->

Version vom 21. Oktober 2016, 06:03 Uhr

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ß :) 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 Frau Samthandschuh (Diskussion) 06:03, 21. Okt. 2016 (NNZ)