[Erledigt] bildaustausch mit php?

ld_forester · 22.08.2008, 14:13

hallo zusammen
ich bin der absolute php anfänger und möcht eingentlich ganz einfach bilder mit php anzeigen (php, weil ich es satt habe für jedes bildchen eine neue html seite zu erstellen).
die ausgangslage sieht so aus:

vier kleine bilder als auswahl. das erste davon besteht daneben bereits in grossesformat.
nun sollte beim klick auf ein kleines bild das jeweilige in gross erscheinen (also das bereits gezeigte grosse ersetzen.)
...ist das verständlich? ich hoffs mal.

kennt da jemand einen kurzen knappen code für sowas?
habe leider im net nichts gefunden.

mfg

lazydog · 22.08.2008, 14:58

Ob du das mit PHP machst oder nicht, ist eigentlich egal. Es geht in jedem Fall um HTML und Javascript. (usser du willst die Bilder als Links gestalten und die Seit bei jedem Klick neu laden). Hier einfach ein Beispiel:

PHP-Code:

  <html>
<head>
    <script type='text/javascript'>
        function set_pic(pic){
            document.getElementById('bild').src = pic;
        }
    </script>
</head>
<body>
    <table>
    <tr><td><img src='./Ballon/karten/karte1.png' onclick='set_pic("./Ballon/karten/karte1.png")' width='120' alt='karte1' /></td>
        <td rowspan='4'><img id='bild' src='./Ballon/karten/karte1.png'  width='480' alt='bild1' /></td></tr>
    <tr><td><img src='./Ballon/karten/karte2.png' onclick='set_pic("./Ballon/karten/karte2.png")' width='120' alt='karte2' /></td></tr>
    <tr><td><img src='./Ballon/karten/karte3.png' onclick='set_pic("./Ballon/karten/karte3.png")' width='120' alt='karte3' /></td></tr>
    <tr><td><img src='./Ballon/karten/karte4.png' onclick='set_pic("./Ballon/karten/karte4.png")' width='120' alt='karte4' /></td></tr>
    </table>
</body>
</html>

ld_forester · 25.08.2008, 09:01

dankeschön.
wenn ich nun dass grossangezeigte bild noch zusätzlich in einem neuen fenster öffnen möchte, fehlt mir da nicht irgend ne variabel?
sonst öffnet sich jedes mal das bild "karte1.png"

phpdummi · 25.08.2008, 10:17

Neues Fenster in JavaScript öffnen

2 Sekunden Google Suche

ld_forester · 25.08.2008, 13:30

danke. wenn man eben diese funkton (openwindow) anwendet, muss man ja grundsätzlich einen festen pfadeingeben. gabe ich nun einem austauschbaren bild einen festen pfad, so wird immer das selbe fenster geöffnet, ob nun bild1 oder bild2 angezeigt wird.
ich würde gerne wissen wie und wo ich die variablen zu setzen habe wenn ich bild1 so anklicken möchte dass es in der grossanzeige erscheint und beim klicken der grossanzeige in noch richtig gross (z.b. originalauflösung) erscheint. dasselbe müsste dann mit bild2 genau so funktoniern. klicken - erscheint in der grossanzeige (ersetzt also bisheriges grossanzeige bild). grossanzeige klicken - fenster mit originalauflösung öffnet sich.

mfg

lazydog · 25.08.2008, 14:01

window.open(), schau dir den zweiten Parameter an. Das brauchst du allerdings nur, um das erste mal das Fenster aufrufen, nachher machst du einen ganz normalen Link darauf:

PHP-Code:

     <table>

    <tr><td><a href='./Ballon/karten/karte1.png' target='_bild'><img src='./Ballon/karten/karte1.png' width='120' alt='karte1' /></a></td>

    <tr><td><a href='./Ballon/karten/karte2.png' target='_bild'><img src='./Ballon/karten/karte2.png' width='120' alt='karte2' /></a></td>

    <tr><td><a href='./Ballon/karten/karte3.png' target='_bild'><img src='./Ballon/karten/karte3.png' width='120' alt='karte3' /></a></td>

    <tr><td><a href='./Ballon/karten/karte4.png' target='_bild'><img src='./Ballon/karten/karte4.png' width='120' alt='karte4' /></a></td>

    </table>

    <script type='text/javascript'>

            window.open('./Ballon/karten/karte1.png', '_bild', 'width=400,height=400');

    </script>

ld_forester · 25.08.2008, 16:10

ich bin nun völlig verzweifelt und kriege nun garnichts mehr auf die reihe. kann das ganze bis jetzt eifach nicht kombinieren. ich probiers mal mit einem beispiel:

<table>
<tr>
<td colspan="4"><img src="bild1.jpg"></td>
</tr>
<tr>
<td>link1</td>
<td>link2</td>
<td>link3</td>
<td>link4</td>
</tr>
</table>

...wenn ich auf link2 klicke, sollte bild1.jpg durch bild2.jpg ersetzt werden. bei link3 durch bild3.jpg, bei 4 4.jpg.
gleichzeitig soll beim klick auf bild1.jpg fenster1 geöffnet werden. wenn bild1.jpg dann durch bild2 3 oder 4.jpg ersetzt wird, sollen beim klick jeweils auch die fenster2 3 oder 4 geöffnet werden.

lazydog · 25.08.2008, 16:23

Jetzt verstehe ich langsam nichts mehr. Willst du jetzt, dass das grosse Bild in einem andern Fenster erscheint (das wäre die Vorlage, die ich zuletzt geschickt habe) oder in einer andern Tabellenzelle (das wäre die ältere Vorlage). Was dein Beispiel bewirken soll ist mir schleierhaft.
Und wenn du dann weist, was du willst, dann werden deine Fragen vielleicht auch etwas konkreter.

ld_forester · 25.08.2008, 16:33

vielen dank für deine bemühungen. ich weiss es wirklich zu schätzen.

ich hätte gerne eine kombination davon (und war leider unfähig deine beiden vorlagen zu kombinieren):
ein vorschaubild in einer anderen tabellenzelle und beim klick aufs vorschaubild ein fenster (z.b. für das originalformat des fotos).

lazydog · 26.08.2008, 08:30

Jetzt habe ich nochmals was zusammengebastelt. Vier Bilder in einer Tabelle untereinander, daneben das jeweils angeklickte in einer grösseren Version. Und wenn dieses angeklickt wird, erscheint es noch grösser in einem eigenen Fenster (namens '_bild'):

Code:

<html>
<head>
    <script type='text/javascript'>
        function set_pic(pic){
            document.getElementById('bild').src = pic;
        }
        function big_pic(){
            bildsrc = document.getElementById('bild').src;
            regex = /\/(\w+\.\w{3,4})$/;
            regex.exec(bildsrc);
            bildsrc = RegExp.$1;
        	window.open('./bilder_gross/' + bildsrc, '_bild', 'width=800, height=800');
        }
    </script>
</head>
<body>
    <table>
    <tr><td><img src='./bilder_klein/bild1.png' onclick='set_pic("./bilder_mittel/bild1.png")' width='120' alt='karte1' /></td>
        <td rowspan='4'>
        		<img id='bild' onclick="big_pic()" src='./bilder_mittel/bild1.png'  width='480' alt='bild1' />
        	</a>
        </td>
    </tr>
    <tr><td><img src='./bilder_klein/bild2.png' onclick='set_pic("./bilder_mittel/bild2.png")' width='120' alt='bild2' /></td></tr>
    <tr><td><img src='./bilder_klein/bild3.png' onclick='set_pic("./bilder_mittel/bild3.png")' width='120' alt='bild3' /></td></tr>
    <tr><td><img src='./bilder_klein/bild4.png' onclick='set_pic("./bilder_mittel/bild4.png")' width='120' alt='bild4' /></td></tr>
    </table>
</body>
</html>

Und wie schon gesagt: keine Zeile PHP. Und ich musste hier CODE-Tags nehmen, weil diePHP-Tags alle Backslashes klauen.

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

22.08.2008, 14:13
ld_forester Neuer Benutzer Registriert seit: 22.08.2008 Beiträge: 20	[Erledigt] bildaustausch mit php? hallo zusammen ich bin der absolute php anfänger und möcht eingentlich ganz einfach bilder mit php anzeigen (php, weil ich es satt habe für jedes bildchen eine neue html seite zu erstellen). die ausgangslage sieht so aus: vier kleine bilder als auswahl. das erste davon besteht daneben bereits in grossesformat. nun sollte beim klick auf ein kleines bild das jeweilige in gross erscheinen (also das bereits gezeigte grosse ersetzen.) ...ist das verständlich? ich hoffs mal. kennt da jemand einen kurzen knappen code für sowas? habe leider im net nichts gefunden. mfg


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

22.08.2008, 14:58
lazydog Erfahrener Benutzer Registriert seit: 02.04.2008 Beiträge: 4.032	Ob du das mit PHP machst oder nicht, ist eigentlich egal. Es geht in jedem Fall um HTML und Javascript. (usser du willst die Bilder als Links gestalten und die Seit bei jedem Klick neu laden). Hier einfach ein Beispiel: PHP-Code: <html> <head> <script type='text/javascript'> function set_pic(pic){ document.getElementById('bild').src = pic; } </script> </head> <body> <table> <tr><td><img src='./Ballon/karten/karte1.png' onclick='set_pic("./Ballon/karten/karte1.png")' width='120' alt='karte1' /></td> <td rowspan='4'><img id='bild' src='./Ballon/karten/karte1.png' width='480' alt='bild1' /></td></tr> <tr><td><img src='./Ballon/karten/karte2.png' onclick='set_pic("./Ballon/karten/karte2.png")' width='120' alt='karte2' /></td></tr> <tr><td><img src='./Ballon/karten/karte3.png' onclick='set_pic("./Ballon/karten/karte3.png")' width='120' alt='karte3' /></td></tr> <tr><td><img src='./Ballon/karten/karte4.png' onclick='set_pic("./Ballon/karten/karte4.png")' width='120' alt='karte4' /></td></tr> </table> </body> </html> __________________ Gruss L

25.08.2008, 09:01
ld_forester Neuer Benutzer Registriert seit: 22.08.2008 Beiträge: 20	dankeschön. wenn ich nun dass grossangezeigte bild noch zusätzlich in einem neuen fenster öffnen möchte, fehlt mir da nicht irgend ne variabel? sonst öffnet sich jedes mal das bild "karte1.png"

25.08.2008, 10:17
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Neues Fenster in JavaScript öffnen 2 Sekunden Google Suche __________________ "Nobody is as smart as everybody" - Kevin Kelly — The best things in life aren't things

25.08.2008, 13:30
ld_forester Neuer Benutzer Registriert seit: 22.08.2008 Beiträge: 20	danke. wenn man eben diese funkton (openwindow) anwendet, muss man ja grundsätzlich einen festen pfadeingeben. gabe ich nun einem austauschbaren bild einen festen pfad, so wird immer das selbe fenster geöffnet, ob nun bild1 oder bild2 angezeigt wird. ich würde gerne wissen wie und wo ich die variablen zu setzen habe wenn ich bild1 so anklicken möchte dass es in der grossanzeige erscheint und beim klicken der grossanzeige in noch richtig gross (z.b. originalauflösung) erscheint. dasselbe müsste dann mit bild2 genau so funktoniern. klicken - erscheint in der grossanzeige (ersetzt also bisheriges grossanzeige bild). grossanzeige klicken - fenster mit originalauflösung öffnet sich. mfg

25.08.2008, 14:01
lazydog Erfahrener Benutzer Registriert seit: 02.04.2008 Beiträge: 4.032	window.open(), schau dir den zweiten Parameter an. Das brauchst du allerdings nur, um das erste mal das Fenster aufrufen, nachher machst du einen ganz normalen Link darauf: PHP-Code: <table> <tr><td><a href='./Ballon/karten/karte1.png' target='_bild'><img src='./Ballon/karten/karte1.png' width='120' alt='karte1' /></a></td> <tr><td><a href='./Ballon/karten/karte2.png' target='_bild'><img src='./Ballon/karten/karte2.png' width='120' alt='karte2' /></a></td> <tr><td><a href='./Ballon/karten/karte3.png' target='_bild'><img src='./Ballon/karten/karte3.png' width='120' alt='karte3' /></a></td> <tr><td><a href='./Ballon/karten/karte4.png' target='_bild'><img src='./Ballon/karten/karte4.png' width='120' alt='karte4' /></a></td> </table> <script type='text/javascript'> window.open('./Ballon/karten/karte1.png', '_bild', 'width=400,height=400'); </script> __________________ Gruss L

25.08.2008, 16:10
ld_forester Neuer Benutzer Registriert seit: 22.08.2008 Beiträge: 20	ich bin nun völlig verzweifelt und kriege nun garnichts mehr auf die reihe. kann das ganze bis jetzt eifach nicht kombinieren. ich probiers mal mit einem beispiel: <table> <tr> <td colspan="4"><img src="bild1.jpg"></td> </tr> <tr> <td>link1</td> <td>link2</td> <td>link3</td> <td>link4</td> </tr> </table> ...wenn ich auf link2 klicke, sollte bild1.jpg durch bild2.jpg ersetzt werden. bei link3 durch bild3.jpg, bei 4 4.jpg. gleichzeitig soll beim klick auf bild1.jpg fenster1 geöffnet werden. wenn bild1.jpg dann durch bild2 3 oder 4.jpg ersetzt wird, sollen beim klick jeweils auch die fenster2 3 oder 4 geöffnet werden.

25.08.2008, 16:23
lazydog Erfahrener Benutzer Registriert seit: 02.04.2008 Beiträge: 4.032	Jetzt verstehe ich langsam nichts mehr. Willst du jetzt, dass das grosse Bild in einem andern Fenster erscheint (das wäre die Vorlage, die ich zuletzt geschickt habe) oder in einer andern Tabellenzelle (das wäre die ältere Vorlage). Was dein Beispiel bewirken soll ist mir schleierhaft. Und wenn du dann weist, was du willst, dann werden deine Fragen vielleicht auch etwas konkreter. __________________ Gruss L

25.08.2008, 16:33
ld_forester Neuer Benutzer Registriert seit: 22.08.2008 Beiträge: 20	vielen dank für deine bemühungen. ich weiss es wirklich zu schätzen. ich hätte gerne eine kombination davon (und war leider unfähig deine beiden vorlagen zu kombinieren): ein vorschaubild in einer anderen tabellenzelle und beim klick aufs vorschaubild ein fenster (z.b. für das originalformat des fotos).