Zum Inhalt springen

Text über Bilder [PHP]


Empfohlene Beiträge

Ich vermute mal, Du meinst soetwas wie einen Copyright-Hinweis oder eine Webadresse, die fest in das Bild eingebettet ist, oder?

Das geht relativ einfach mit den Image-Funktionen von PHP!

Infos findest Du in der PHP-Funktionsliste!

Ein Codebeispiel:


<?php
$im = @ImageCreateFromJPEG ("bild001.jpg");
$text_color = ImageColorClosest ($im, 255,255,255); //Muss bei Jpegs ImageColorClosest sein, bei anderen ImageColorAllocate
ImageString ($im, 5, 10, 10, "Ein Test-String", $text_color);
header("content-type: image/jpeg");
imageJPEG($im);
?>
[/PHP]

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von jake84

irgenwie bekomm ich das nur mit einem bild hin und ich kann áuch auf der seite keinen text ausgeben ;/

Das Skript ist nur für ein Bild gedacht. Du kannst es direkt im <img>-Tag angeben, also z.B. so: <img src="bild.php?file=xyz.jpg&txtbild=ich bin ein ganz toller string">

Dann lädst das Bild dynamisch ($im = ImageCreateFromJPEG($file) und packst den Text auch dynamisch darüber (ImageString ($im, 5, 10, 10, $txtbild, $text_color) )

Und schon funktioniert's! ;)

ICQ

Nachtrag: Natürlich musst die img-Tags in einer zweiten HTML-Seite schreiben, Du brauchst also quasi zwei Seiten, das Skript von oben und eine Seite, die's aufruft.

Link zu diesem Kommentar
Auf anderen Seiten teilen

hmmm ... hört sich gut an, blos ich schnalls need *gg*

so ichs mir gedacht :

test.htm:


<html>

<head>

</head>

<body>

<img src="bild.php?file=./images/cal/leer.jpg&txtbild=Mo">

</body>

</html>

bild.php


<?php
$im = ImageCreateFromJPEG($file)
$text_color = ImageColorClosest ($im, 255,255,255);
ImageString ($im, 5, 10, 5, $txtbild, $text_color)
header("content-type: image/jpeg");
imageJPEG($im);
?>
[/PHP]

is bestimmt totaler rotz, den ich da geschrieben hab *gg*

danke und mfg Jake

Link zu diesem Kommentar
Auf anderen Seiten teilen

geht aber leider nicht ;(

normalerweise sollte mir doch in "test.htm" das bild mit dem text angezeigt werden oder? mach er aber need *schnief*

kannst du mir bitte mal ein beispiel posten, wo es geht? aber nur wenns need soviel aufwand für dich ist ;)

mfg Jake

Link zu diesem Kommentar
Auf anderen Seiten teilen

Was soll den ein DIV sein ? *gg* noch nie gehört :/

oben hast du geschrieben, dass man da Text Pixelgenau anlegen kann..

ich glaub mit pixelgenau kann ich nix anfangen, da ich die bilder dynamisch lade und sie immer an einen anderen ort sind :(

oder habe ich dich da falsch verstanden?

Danke und mfg Jake

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von jake84

mach er aber need *schnief*

Was macht er denn dann? Zeigt er an, dass er das Bild nicht gefunden hat, oder zeigt er das Bild, aber nicht den Text oder macht er gar nix?

Original geschrieben von Spike

Leg dich einfach ein DIV über das Bild.

DIV's über einem Bild haben aber zwei Nachteile:

a) Ein Besucher kann das Bild runterladen ohne den Text auf dem Bild, womit eine eventuelle Copyright-Information ihren Zweck verlieren würde.

B) DIVs können AFAIK nur mit CSS positioniert werden und wie wir ja alle wissen produziert da i.d.R. jeder Browser ein anderes Ergebniss als es geplant war! ;)

ICQ

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von *I C Q*

DIV's über einem Bild haben aber zwei Nachteile:

a) Ein Besucher kann das Bild runterladen ohne den Text auf dem Bild, womit eine eventuelle Copyright-Information ihren Zweck verlieren würde.

Das mit dem Copyright war bisher nur eine Vermutung von dir, der Threadersteller hat in seinen Posts nie was davon geschrieben, er wollte lediglich einen Text über ein Bild legen, das kommt schonmal vor bei anspruchsvollen Designs.

B) DIVs können AFAIK nur mit CSS positioniert werden und wie wir ja alle wissen produziert da i.d.R. jeder Browser ein anderes Ergebniss als es geplant war! ;)

Wer bitte setzt kein CSS ein? ;)

Da wärst du ja der erste.

Mal ein paar Infos für dich:

http://drweb.de/ressourcen/browser_kompatibilitaet.shtml

Alle modernen Browser können CSS2.

Und wer unterstützt bitte noch ernsthaft den überhaupt nicht mehr verbreiteten NS4.7? ;)

Wenn man richtig Testet hat man mit CSS keine Probleme.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von jake84

Was soll den ein DIV sein ? *gg* noch nie gehört :/

oben hast du geschrieben, dass man da Text Pixelgenau anlegen kann..

ich glaub mit pixelgenau kann ich nix anfangen, da ich die bilder dynamisch lade und sie immer an einen anderen ort sind :(

oder habe ich dich da falsch verstanden?

Danke und mfg Jake

Die DIVs kannst du auch dynamisch laden.

http://www.webdesign-referenz.de/html_css.html#4.8.5

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von Spike

Das mit dem Copyright war bisher nur eine Vermutung von dir, der Threadersteller hat in seinen Posts nie was davon geschrieben, er wollte lediglich einen Text über ein Bild legen, das kommt schonmal vor bei anspruchsvollen Designs.

Hmmm stimmt, und egal welches Problem der Autor jetzt hat, er hat beide Lösungen! :)

Original geschrieben von Spike

Wer bitte setzt kein CSS ein? ;)

Da wärst du ja der erste.

Hmmm, liegt daran, was ich grade bastel, aber im Grossen und Ganzen setz ich schon CSS ein (wobei ich trotzdem versuche so Browserunabhängig wie möglich zu bleiben).

Original geschrieben von Spike

Alle modernen Browser können CSS2.

Und wer unterstützt bitte noch ernsthaft den überhaupt nicht mehr verbreiteten NS4.7? ;)

Dass fast alle Browser CSS2 unterstützen ist schon klar, mein Argument zielte mehr darauf aus wie sie es unterstützen. Ich habe die Erfahrung gemacht, dass Seiten häufig je nach Browser total unterschiedlich aussahen.

Und btw. ich muss den NS4.7 noch unterstützen, weil's hier in der Firma den einen oder anderen NC gibt, auf dem nur ein NS4.7 läuft (bitte keine Diskussion über Sinn und Unsinn, die führ ich regelmässig ;))!

ICQ

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von *I C Q*

Was macht er denn dann? Zeigt er an, dass er das Bild nicht gefunden hat, oder zeigt er das Bild, aber nicht den Text oder macht er gar nix?

er zeigt mir ein bildchen mit nem rotem kreuz an, also hat ers need gefunden *gg*

im quelltext der test.htm steht: (rechte taste quelltest anzeigen)


<html>

<head>

</head>

<body>

<img src="bild.php?file=./images/cal/leer.jpg&txtbild=Mo">

</body>

</html>

kann ja eigendlich gar nicht sein oder, da er ja die bild.php ausführen müsste ??

Das mit dem Copyright war bisher nur eine Vermutung von dir, der Threadersteller hat in seinen Posts nie was davon geschrieben, er wollte lediglich einen Text über ein Bild legen, das kommt schonmal vor bei anspruchsvollen Designs

Ich würde es auch als Copyright brauchen ;) ... dann passt das schon so :)

Danke euch !

mfg Jake

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von jake84

kann ja eigendlich gar nicht sein oder, da er ja die bild.php ausführen müsste ??

Stimmt, er führt sie auch aus, aber dann bekommt er einen parse-Error! ;)

Guckst Du: :D

 
<?php
$im = ImageCreateFromJPEG($file); //Hier fehlte ein ";"
$text_color = ImageColorClosest ($im, 255,255,255);
ImageString ($im, 5, 10, 5, $txtbild, $text_color); // hier auch
header("content-type: image/jpeg");
imageJPEG($im);
?>
[/PHP]

ICQ

Nachtrag:

Testen kannst Du sowas, indem Du die bild.php einmal direkt im Browser aufrufst, dann siehst zumindestens syntaktische Fehler.

Also sprich so:

http://server/bild.php?file=./catal/bild001.jpg&txtbild=Test

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...