Bei Tastendruck Hintergrundbild ändern 
Author: Ralf W.
Visited 1135,
Followers 1,
Shared 0
Hallo,
gibt es eine Möglichkeit, bei einem Tastendruck eine Aktion auszulösen?
In meinem Fall das Hintergrundbild zu ändern. Also z.B bei drücken der Taste "A" kommt Bild 1, Bei Taste "B" kommt Bild 2.
Wenn ja wie?
Danke
Ralf
Posted on the
Auf Tastendruck einen Bildwechsel durchzuführen geht soweit ich weiß nicht. Einen Bilderwechsel kannst Du aber für eine Seite einstellen, wenn Du im Zeilenstil als Hintergrund für den Zeilenbereich eine Bildliste auswählst und Deine Bilder einfügst.
Author
Danke für die Antwort.
Leider ist dies keine Lösung.
Um die Situation zu erklären:
Für den Modellbau sollen auf einem Minimonitor (19cmx7cm) Bilder (auch animierte GIFs) im Vollbild (ohne sonstiges oder Menüzeile) ausgegeben werden. Diese Bilder sollen, je nach Situation, per einfachem Tastendruck (ohne Mausaktion) ausgewählt werden können.
Ich sehe daher nur die Möglichkeit jeweils den Hintergrund einer Seite per Taste zu ändern oder eine andere Seite, die bereits ein anderes Hintergrungbild hat, per Taste aufzurufen.
Wenn ich den Wunsch richtig verstehe, geht das nur mit einem Script. WebsiteX5 hat dafür kein Objekt das so etwas realisiert. Vielleicht hat aber der Spezialist für Scripts KolAsim eine Idee oder sogar ein Script...
(It > De) ... ... mit EXTRA-Code können Sie ein Bild auf verschiedene Arten ändern, und es ist je nach Fall auch einfach zu tun...
... aber ich verstand nicht, was, wie und wo ich das machen sollte...
... für mich wäre der LINK der Seite wo man mit einem Klick ein Bild ändern oder ersetzen möchte sehr hilfreich...
.
ciao
.
@KolAsim Si vuole eseguire un'azione tramite un comando da tastiera e in questo caso si vuole cambiare l'immagine. Quindi, premendo il tasto "1", appare l'immagine A e premendo il tasto "2" appare l'immagine B!
Author
Ja, wahrscheinlich mit einem Script, der das Background Image ändert. Und das halt mit Auslösung von entsprechenden Tasten.
Leider bin ich nicht firm in Scripts.
Author
Also nachdem es "sauber" wohl nicht so einfach zu machen ist (Script oder so), habe folgende "quick and dirty" Lösung für mein Problem gefunden.
Über die Seiten welche die Bilder als Hintergrund beinhalten habe ich ein Gitter aus unsichtbaren GIFs gelegt und diese, wie ein Menü, mit den verschiedenen Seiten verlinkt.
Nun kommt noch MacroRecorder ins Spiel.
Einmal die verschiedenen Klicks damit aufgezeichnet, kann ich dann diese Aktionen auf meinem Hauptbildschirm aufrufen/auslösen und werden unsichtbar auf dem erweiterten MiniDisplay ausgeführt. Mit F11 habe ich die Bilder dort im Browser auch als Vollbild ohne Windows Leisten.
Hat zusätzlich den Vorteil, dass damit auch immer sicher der Fokus auf dem Neben Display ist. Das wäre bei einer "Tastatur" Lösung nicht unbedingt gesichert gewesen.
Sollte noch jemand eine Lösung ohne den Einsatz eines MacroRecorder haben, wäre ich für einen Hinweis dankbar.
(It > De) ... ... ... den Kanalmodus (F11) habe ich nicht verstanden...
... aber um den Hintergrund zu ersetzen, könnten Sie mit Tastaturtasten die Copyright-Methode verwenden, mit einer Tastenkombination, zum Beispiel Strg+x (Ctrl+x) kombinieren...
... möglicherweise hier den Link Ihrer Seite posten, auf der Sie den Hintergrund dynamisch ersetzen möchten, damit ich den Code entwickeln kann...
.
ciao
.
Author
Momentan ist die Seite nicht im Netz (sie soll eigentlich auch nie öffentlich werden sondern nur privat für unsere Vereine).
Werde in den nächsten Stunden die Seite veröffentlichen und einen Link stellen.
Danke für die Hilfe.
Author
Hier der Link zur Seite:
http://test.visionbrasil.de/index.html
Momentan gibt es 2 Seiten mit den verschiedenen Hintergrund Bilder. Klickt man in die roten Quadrate, kommt man jeweils auf die andere Seite. Diese Quadrate sind nur jetzt sichtbar, damit Sie wissen wohin sie klicken müssen.
Es werden bei Fertigstellung ca. 15 verschieden Hintergrundbilder geben. Diese werden auf einem Mini-Display im Vollbild angezeigt.
Schöner wäre es, man könne die Seiten mit einem Buchstaben auf der Tastatur wechseln.
... um das Bild der INDEX-Seite zu ändern:
Ctrl + x
Strg + x
....................
... Code:
<script>
$( document ).ready(function() { //K>
/** --- controllo key by KolAsim --- **/
imgK1="http://test.visionbrasil.de/images/Ampel-Aus.gif";
imgK2="http://test.visionbrasil.de/images/Ampel-Gelb_vynocp1l.gif";
nK=0;
keyK_x = 88; // ---- (x = 88)
document.onkeydown = function(e) { //K1>
if (e.ctrlKey && e.which == keyK_x && nK == 0 ) {//K2>
$("#imPageExtContainer").css("background-image","url('"+imgK1+"')")
nK=1;
} //K2<<
else if (e.ctrlKey && e.which == keyK_x && nK == 1 ) { //K3>
$("#imPageExtContainer").css("background-image","url('"+imgK2+"')")
nK=0;
}//K3<<
} //K1<<
}); //K<<
</script>
...........................................................
ciao
.
Author
Vielen Dank für das Script.
Ich werde es ausprobieren.
Dann muss ich es verstehen um es für meine Tasten anzupassen.
keyK_x = 88; // ---- (x = 88) ist wohl der KeyCode für Ctrl+x
Author
Hallo KolAsim
Noch einmal vielen Dank für das Script. Es funktioniert prima. :-)
Ich habe es verstanden und ein wenig angepasst, damit ich letztendlich unter 12 verschiedenen Hintergrundbilder (ohne Ctrl) auswählen kann.
<script>
$( document ).ready(function() { //K>
/** --- controllo key by KolAsim --- **/
document.onkeydown = function(e) { //K1>
PreUrl="http://test.visionbrasil.de/images/";
if (e.which == 88) { //Bild1
$("#imPageExtContainer").css("background-image","url('"+PreUrl+"Ampel-Aus.gif')")
}
if (e.which == 89) { //Bild2
$("#imPageExtContainer").css("background-image","url('"+PreUrl+"Ampel-Gelb_vynocp1l.gif')")
}
} //K1<<
}); //K<<
</script>
... OK ... das ist in Ordnung...
... wenn die Seite keine Eingabefelder hat, ist das auch in Ordnung, wie Sie es getan haben...
... die Kombination dient nur dazu, eine versehentliche Tastenbetätigung zu vermeiden...
.
ciao
.
Author
Danke
Grazie
Ciao