Einbindung von einem Link in ein .png Bild 
Author: Peter Z.
Visited 1424,
Followers 1,
Shared 0
Guten Tag,
wie kann man einen Web-Link innerhalb eines png-Bildes einfügen?
Statt viel zu schreiben: hier die aktive Webseite, - nach Anklick der Wanderzeile "Wichtige Informationen" erscheint ein Bild, indem der Verweis auf "www.chessmail.de" nach Mausklick aufgerufen werden soll.
http://www.die-koeniglichen-gross-elbe.de/index.html
Freue mich über eine Rückmeldung.
LG vom Anfänger
Peter
Posted on the
So wie ich das sehe, wird das Bild als Direktaufruf in einer Showbox angezeigt. Besser ist es hierfür eine eigene Seite mit dem Bild anzuzeigen, in der sich das Bild in einem Bild-Objekt befindet. In dem Bild-Objekt kannst Du dann einen Link hinterlegen.
Dazu eine versteckte Seite einfügen unter "3" und diese markieren und auf "Eigenschaften" gehen! Dort bei Reiter "Grafik" ohne Template einstellen!
In die Seite dann ein Bild-Objekt einfügen und dieses verlinken mit www.chessmail.de!
Im Text auf der Startseite solltest du nicht das Bild als LINK nehmen sondern die interne (versteckte) Seite!
... oder wenn Sie die Dinge so lassen möchten, wie sie jetzt sind, können Sie meinen einfachen EXTRA-Code verwenden. ... wenn Sie daran interessiert sind, meinen Code auszuprobieren, ... lassen Sie es mich wissen, ... sonst wissen Sie bereits, wie es geht...
ciao
.
Author
Herrlichen Dank für die schnellen AW's an alle. Ich probiere es mal aus.
Rückmeldung kommt.
Author
tja:
... ich möchte eigentlich lediglich diesen Text "www.chessmail.de" im Bild genau auch nur an dieser Textstelle mit dem Web-Link versehen.
Meine bisherige Showbox möchte ich möglichst weiterverwenden, könnte es so nach meinen Vorstellungen mit dem Code von KolAsim funktionieren. Wenn ja, wie erfolgt die Einfügung?
Gruß
Peter
Das geht nur mit einer verweissensitiven Grafik und die sind nicht responsiv. Also kannst Du diesen Wunsch ad acta legen.
... vielleicht habe ich nicht verstanden; ... wenn Sie immer noch daran interessiert sind, ... lassen Sie es mich für morgen wissen ...
.
Author
Hallo KolAsim,
an einer galanten alternativen Lösung bin ich immer noch interessiert. Schön, wenn es doch noch eine raffinierte Lösung gibt.
Gruß
Peter
Es muss nicht ein Bild-Objekt sein, sondern kann auch ein Text-Objekt sein, dass in der versteckten Seite steht. Dieses kann man natürlich individuell gestalten mit Links, Bildern, Rahmen und diese Seite dann verlinken mit der Showbox!
.. OK ... ungeachtet der aktuellen Situation können Sie den folgenden Code verwenden, um den Link nur zu www.chessmail.de zuzuweisen ... und in diesen Abschnitt einzufügen:
>> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich Erweitert | ▪Benutzerdefinierter Code: > 3. Option > Vor dem </HEAD> Tag;
... Code:
<style>.kk {background-color:yellow; opacity: 0; }
.kk:hover {opacity: 0.3} </style>
$( document ).ready(function() {
k="<a class='kk' href='https://www.chessmail.de/' target='_blank' alt='www.chessmail.de' title='www.chessmail.de' style='position:absolute;top:75%;margin-left:30%; width:30%;height:6%;;z-index:2;'> </a>";
$(".imTACenter a").click(function(){ setTimeout(function(){ $("#imShowBox").append(k); }, 3000); })});
.
ciao
.
Author
...hmm, erst mal vielen Dank für den Code
Ich habe folgendes getan:
- neue Seite (verborgen) eingefügt. auf diese Seite von der Startseite verlinkt
- darin das Bild eingefügt in welchem der Link zur Chessmailseite rein soll.
- unter Eigenschaften dieser Seite bei Erweitert den Code wie beschrieben eingefügt.
Vorschau gestartet: Ergebnis: ... hmmm, kein Erfolg.
Was mach ich falsch, was fehlt, ... was muss ich noch alles beachten?
- Mein Ziel ist nach wie vor eigentlich die reine Showbox mit der Möglichkeit an der einen Stelle im png-Bild eine aktive Verlinkung direkt einzufügen.
Wenn das leider unmöglich ist, dann gern auch über eine verborgene Seite mit dem Bild (ohne Template sieht es zumindest in der Vorschau komisch aus).
Dieses Einfügen von html Codes habe ich wohl leider noch nicht verinnerlicht.
Grüßlies
Du kannst nicht im BILD einen Text verlinken! Wenn dann ein Text-Objekt und als Hintergrundgrafik das Bild!
Ich könnte dir nur anbieten per Teamviewer das ganze zu zeigen! Code benötigst du überhaupt nicht für das ganze.
Sie diesen LINK
.
Author
Vielen Dank an alle Beteiligten,
ich konnte einige Hinweise jetzt besser verstehen und mache mir Gedanken für eine Alternative.
Viele Grüße
Peter
... OK ... ciao ...