Layer über Bild legen?

BartTheDevil89 · 27.10.2010, 08:13

Hallo,

ich such derzeit nach ner Möglichkeit ein Bild, also in ner Galerie oder so mit einem Layer zu überblenden.
Geht sowas überhaupt? Also ich möchte beispielsweise sowas hier machen:

http://www.myimg.de/?img=offen59229.png

Also ein bild und auf der Mitte ungefähr schiebt sich ein Layer komplett drüber. Klick man dann auf den Pfeil links, schiebt sich der Layer einfach ausm Bild raus:

http://www.myimg.de/?img=zu4179f.png

Geht sowas überhaupt auf ne Grafik oben drauf?

Danke

ChrisB · 27.10.2010, 08:39

Natürlich „geht“ das, schließlich kann man per CSS positionieren, und per JS notfalls auch die nötige Position berechnen.

BartTheDevil89 · 27.10.2010, 08:46

Und geht es auch, wenn ich das Bild das im <img>-Tag lassen möchte? Also sowas hier:

<img src="http://domain.de/BildMitLayer.php?bild=URLdesEigentlichenBildes">

Funktioniert sowas auch oder würde die css-Variante nur gehen, wenn ich es wirklich auf meiner Seite drinsteht?

Danke

ChrisB · 27.10.2010, 08:50

Zitat:

Zitat von BartTheDevil89

Und geht es auch, wenn ich das Bild das im <img>-Tag lassen möchte?

Ich verstehe nicht, was du mit der Formulierung meinst.

Dass du das Bild innerhalb deiner Seite anzeigen musst, dürfte klar sein.
Wie du das machst, von wo aus du den Browser es anfordern lässt - das ist uninteressant.

BartTheDevil89 · 27.10.2010, 08:54

Ok danke...

also mittels CSS sollte da ein Layer drüber passen. Du weißt nicht zufällig ne gute Erklärung für sowas?

Danke

BartTheDevil89 · 27.10.2010, 13:59

Hab jetzt mittels einer php-Datei es geschafft nen Layer über meine Grafik zu bringen. Aber wie schaff ich es jetzt die Grafik wieder einzubinden? Also so schauts jetzt aus:

test.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Grafik...</title>
</head>
<body>
<img src="http://www.domain.de/test/grafik.php">
</body>
</html>

Hier die grafik.php

Code:

<?php
...paar Funktionen wegen Größe, etc. berechnen
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Ich bin die Grafik...</title>

<script type="text/javascript">
....
</script>

<style type="text/css">
....
</style>

</head>
<body>
<img src="img/pic.jpg">
<div id="boxDiv">
Hier der Layerinhalt, der sich übers Bild lagert...
</div>
</body>
</html>

Aber wie bekomm ich jetzt die Grafik in die html wieder rein? Denn derzeit bringt er mir nur das rote Kreuz... =(

ChrisB · 27.10.2010, 14:23

Zitat:

Zitat von BartTheDevil89

Denn derzeit bringt er mir nur das rote Kreuz... =(

Natürlich, was denn auch sonst - enthalten normale Grafiken etwa HTML-Code ...?

BartTheDevil89 · 27.10.2010, 14:25

Zitat:

Zitat von ChrisB

Natürlich, was denn auch sonst - enthalten normale Grafiken etwa HTML-Code ...?

Jep schon klar^^...aber wie schaff ich jetzt, dass mein html-Code jetzt von img richtig erkannt wird? Denn IFrame wollte ich eigentlich vermeidne und mit <img> arbeiten können.

ChrisB · 27.10.2010, 16:05

Zitat:

Zitat von BartTheDevil89

Jep schon klar^^...aber wie schaff ich jetzt, dass mein html-Code jetzt von img richtig erkannt wird?

In wie fern soll ein IMG-Element HTML-Code "erkennen" können?
Die Formulierung ist kompletter Unfug.

Zitat:

Denn IFrame wollte ich eigentlich vermeidne und mit <img> arbeiten können.

Ja, dann mach das - sagte ich doch bereits von Anfang an.

Wo dein Problem dabei liegt, ist immer noch nicht klar - bzw. es können eigentlich nur mangelnde Grundkenntnisse über den Umgang mit HTML und CSS sein.

BartTheDevil89 · 27.10.2010, 17:35

Also ich wollte dieses Tool gern mehrfach einsetzen. Also im Moment hab ich ja ne Grafik so:

Code:

<img src="http://domain.de/image.jpg">

Anschließend dachte ich, dass ich eventuell sowa hier schaffen kann:

Code:

<img src="http://domain2.de/addLayer.php?image=http://domain.de/image.jpg">

Das image dann natürlich url_codiert.

Aber das scheint ja nicht zu funkionieren, sodass ich wirklich über nen script-Code gehen muss, der dann ne Iframe in der richtigen Größe erstellt.

Aber danke... =)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bild im selben Fenster über Link öffnen / Positionieren	Niceo	HTML, Usability und Barrierefreiheit	9	29.09.2010 23:02
[Erledigt] Bild erstellen, speichern und gespeichertes Bild anzeigen	Garog	PHP Tipps 2009	26	11.07.2010 18:01
php-Ausgabe des Artikeldatums bei Mouse-over über Bild	McBorney	PHP Tipps 2010	3	26.04.2010 13:40
[Erledigt] Text über Bild in Tabelle	Ryuuzaki93	HTML, Usability und Barrierefreiheit	8	17.12.2009 16:56
[Erledigt] Layer richtig positionieren	sagato0816	JavaScript, Ajax und mehr	22	21.10.2009 19:28
Bild wird über das Formular nicht eingetragen.	cheasy	PHP Tipps 2009	9	22.07.2009 20:29
URL über Textfeld im Layer öffnen	vollmilch	JavaScript, Ajax und mehr	2	20.07.2009 11:49
[Erledigt] Nächstes Bild, Vorheriges Bild in PHP mit MySQL		Datenbanken	2	15.05.2006 20:50
div layer - text über ende hinaus	seejay	HTML, Usability und Barrierefreiheit	4	24.01.2006 13:05
Layer auf Bild	Rotti	HTML, Usability und Barrierefreiheit	6	25.12.2005 10:14
Bild per email über Formular versenden		PHP Tipps 2005-2	8	30.07.2005 14:46
div über flash legen + jp statt flash		HTML, Usability und Barrierefreiheit	14	02.02.2005 12:14
Bild größe hat prob mit umbenennung.	JEGO	PHP Tipps 2004	1	08.07.2004 16:30

27.10.2010, 08:13
BartTheDevil89 Erfahrener Benutzer Registriert seit: 09.05.2005 Beiträge: 561	Layer über Bild legen? Hallo, ich such derzeit nach ner Möglichkeit ein Bild, also in ner Galerie oder so mit einem Layer zu überblenden. Geht sowas überhaupt? Also ich möchte beispielsweise sowas hier machen: http://www.myimg.de/?img=offen59229.png Also ein bild und auf der Mitte ungefähr schiebt sich ein Layer komplett drüber. Klick man dann auf den Pfeil links, schiebt sich der Layer einfach ausm Bild raus: http://www.myimg.de/?img=zu4179f.png Geht sowas überhaupt auf ne Grafik oben drauf? Danke


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

27.10.2010, 08:39
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Natürlich „geht“ das, schließlich kann man per CSS positionieren, und per JS notfalls auch die nötige Position berechnen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

27.10.2010, 08:46
BartTheDevil89 Erfahrener Benutzer Registriert seit: 09.05.2005 Beiträge: 561	Und geht es auch, wenn ich das Bild das im <img>-Tag lassen möchte? Also sowas hier: <img src="http://domain.de/BildMitLayer.php?bild=URLdesEigentlichenBildes"> Funktioniert sowas auch oder würde die css-Variante nur gehen, wenn ich es wirklich auf meiner Seite drinsteht? Danke

27.10.2010, 08:54
BartTheDevil89 Erfahrener Benutzer Registriert seit: 09.05.2005 Beiträge: 561	Ok danke... also mittels CSS sollte da ein Layer drüber passen. Du weißt nicht zufällig ne gute Erklärung für sowas? Danke

27.10.2010, 17:35
BartTheDevil89 Erfahrener Benutzer Registriert seit: 09.05.2005 Beiträge: 561	Also ich wollte dieses Tool gern mehrfach einsetzen. Also im Moment hab ich ja ne Grafik so: Code: <img src="http://domain.de/image.jpg"> Anschließend dachte ich, dass ich eventuell sowa hier schaffen kann: Code: <img src="http://domain2.de/addLayer.php?image=http://domain.de/image.jpg"> Das image dann natürlich url_codiert. Aber das scheint ja nicht zu funkionieren, sodass ich wirklich über nen script-Code gehen muss, der dann ne Iframe in der richtigen Größe erstellt. Aber danke... =)