Wie bringe ich eine url addy, unter einer Grafic?

craim · #1 08-10-2005, 04:51

Folgendes Problem:
Ich möchte gerne eine URL addy. mit einer grafic verbinden, sodas wenn man auf die grafik ( Bild) klickt (z.B: *klick mich*) auf die URL addy, verwiesen wird.
vielleicht noch so, das ein extra Fenster geöffnet wird, u. die hauptseite bestehen bleibt, is aber nicht zwingend.

kann man hier mit vieleicht was machen?:

<html>
<head>
<title>Bilderklau im Web verhindern</title>
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="sagrada-familia.jpg"><img galleryimg="no" height="345" src="bild.gif" width="300"></td>
</tr>
</table>

</body>
</html>

Is aus einer seite die ich gefunden habe.

quote:
Original geschrieben von schmalle
für den gewöhnlichen trottel user gibt es nen einfachen trick. nimm ein div oder ne td und lege das bild via css als hintergrund rein. dann legst du ein transparentes gif oben drüber ( als img tag ) ...
selbst die "profis" haben keinen bock den style tag zu suchen, um an das echte bild dranzukommen

Kann mir auch dieses vllt einer erklären wie man das anstellt?

Wenn ja, muß ich das bei jedem bild o. animation einfügen o. kann man das für die ganze seite erstellen?

Noch eine kleine bitte, macht mir das bitte etwas verständlich, weil ich gerade erst dabei bin mich mit so etwas zu befassen, bin aber schnell lern fähig

Chriss · #2 08-10-2005, 16:43

Wenn ich das nach kurzem überfliegen richtig verstehe geht es darum das eigentliche Bild dadurch zu verschleiern, das du ein zweites Bild darüber legst, wodurch man durch Standard-Taktiken nur an das zweite, nutzlose Bild rankommt. Das müsstest du für jedes Bild machen.

Das was du da als Code hast sieht recht gut aus. Du hast eine Tabelle mit entsprechender größe, deren Hintergrund das Bild ist was du darstellen willst. Und dann hast du den Image-Tag, der das "offizielle" Bild darstellt.

Ob das allerdings so wirklich funktioniert bezweifle ich, weil die Methode es nur etwas schwerer macht an das Bild ranzukommen. Und es dürfte einiges an Aufwand sein. Außerdem speicher ich zum Beispiel gern auch Bilder mal lokal, sprich mit Bild Speichern unter - das geht dann auch nicht.

*EEBKiller* · #3 08-10-2005, 17:23

Hallo Craim

Achso, du willst, dass man deine Bilder mit rechtsklick nicht einsehen kann ?

- Vergiss es, darauf fällt kein n00b mehr rein. Wenn einer das Bild ziehen will, der wird es auch bekommen.

Und sonst:

Code:

<a href="http://domain.de/link.html" target="_blank"><img src="/link/zum/bild.jpg" height="100" width="75" alt="" /></a>

Das dort erzeugt ein klickbares Bild.

target="_blank" kannst du weg lassen, wenn es im selben Fenster geöffnet werden soll
height="X" width="X" Kann man eigentlich auch weglassen, ausser man will ganz genau die Größe festlegen.

##################################################

€DIT:
Um dir doch die 2. Variante zu zeigen:

index.html:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Test</title>
  <link rel="stylesheet" href="/style.css" />
</head>
<body>
<!-- ################## -->  
  <div id="murks1">
    <a href="http://www.domain.de/link.html" target="_blank">
      <img src="/dummy.gif" height="800" width="600" alt="" />
    </a>
  </div>
<!-- ################## -->  
</body>
</html>

Der Teil zwischen  ist interessant.
Du packst ein transparentes GIF (welches Klickbar ist) über einen <div>. dem du ein hintergrundbild durch diese Datei gibst

style.css

Code:

#murks1 {
    background-image: URL('/echtes-bild.jpg');
}

Man sollte den Zusammenhang zwischen id="murks1" und #murks1 erkennen können.

Hier ist aber die Angabe von Höhe und Breite zwingend!
Ein transparentes GIF bekommst du zB von www.cnchq.de/images/empty.gif

(Im Standard 1 x 1px groß )

Antr4ks.de · #4 08-10-2005, 19:45

LoL, es ist unmöglich zu verhindern das jemand an das Bild rankommt, man brauch nur ein wenig Ahnung Oo

craim · #5 08-10-2005, 20:41

Ja schon klar das man so o. so an das Bild kommt, is ja auf dem PC gespeichert.
Es soll ja nur etwas erschwert werden

Ok das mit dem *rechts Klick* haben wir, Danke schon mal.

Jetzt noch die erste frage.

Ich möchte gerne eine URL addy, mit einer Grafik also einem Bild, Banner verbinden.
Wenn man auf das Bild, Banner klickt dann zu der URL addy weiter geleitet wird.

Wie ist der Code, u. wo füge ich dann das Bild u. die URL ein?

*EEBKiller* · #6 08-10-2005, 20:51

Wenn ich das richtig verstehe, willst du verhindern, dass die Addresse des Bilds in der Addressleiste des Browser steht beim klick drauf.

- Entweder Popup, wo die Address-leiste ausgeblendet wird und dann eben wieder diese <div>/GIF Technik

- Sonst kriegst du das so mit HTML nicht hin, da braucht es schon was Serverseitiges wie PHP ...

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)