Bild mit Weiterleitung von einem Button?
Hallo Leute,
Ich habe in Wordpress mit Ninja Foms einen Konfigurator erstellt (spezifische Abfragen, die dann gesendet werden).
In einem Teil des Konfigurator habe ich neben dem Button weiter auch ein Bild
<img src="/wp-content/uploads/2020/06/Grafik01.gif" width="600" height="450">
<input type="button" class="nf-next" value="Weiter">
Kann ich das Bild auch als Button benutzen - mit der gleichen Verlinkung wie der untere Button
Einen Link gibt es nicht, daher kann ich leider kein <a...> benutzen
Am Ende soll die Grafik durch anklicken weiterführen - wie auch der Button "Weiter".
Danke schon mal für eure Teilnahme an dieser Lösungsfindung ))
2 Antworten
Du kannst das Bild mit einem Link umgeben:
<a href=""><img src="/wp-content/uploads/2020/06/Grafik01.gif" width="600" height="450"></a>
Du kannst auch dem Button das Bild als Hintergrundbild geben:
input.nf-next { background-image: url(/wp-content/uploads/2020/06/Grafik01.gif); background-repeat: no-repeat; }
Du kannst auch einen echten HTML-Button verwenden:
<button type="button"><img src="/wp-content/uploads/2020/06/Grafik01.gif" width="600" height="450"></button>
Bei allen Beispielen hier musst Du den Style ggfs. per CSS noch optimieren - je nachdem was Du visuell erreichen willst.
Bei HTML würde das so gehen:
<input type="submit" class="nf-next" value="Weiter"><img src="/wp-content/uploads/2020/06/Grafik01.gif" width="600" height="450"></input>
Eventuell hilft Dir das schon weiter. Allerdings habe ich von Wordpress keine Ahnung und auch nicht davon was ein Ninja-Konfigurator ist.
Das ist fehlerhafter HTML-Code der nur mit Glück überhaupt interpretiert wird.