Bild Vergrösserung?

Habe Heute mal was Neue Versucht, was aber noch nicht ganz Funkionieren will.

Bild und URL Beispiel
http://tk-spezial.bplaced.net/test/CU-001.html

!!! Mein Problem !!!

Ich Möchte nun das man zum Beispiel, die Obere Linke Karte Anklickt und
das Bild dann Vergrößert wird. Aktuell habe ich so was schon, aber es geht ein
Tab auf und der Tab ist kleiner als das Angezeigte Bild.

Es hat nichts mit dem Tab zu tun, die Größe Spielt keine Rolle es
Tauchen immer Neu Probleme auf, wenn ich die Größen ändere.

Nun Brauche ich ein Html, ohne das ein Tab Aufgeht, wo nur
das Bild Vergrößert wird oder ähnliches !

Ich füge mal die Datei hinzu, Vielleicht hat ja jemand ein Idee.
Sollte aber Leicht sein zu Verstehen !

Den Anfang der Bilder hab ich Rot Makiert

Damit bleibt der Text, neben dem Bild und der Abstand
lasst den Text oben neben dem stehen

/////////////////////////////////////////////////////////////////////////////////

Sprint CU-A <?php include ("../home/kopf.inc.php"); ?> <?php include ("../home/navi.inc.php"); ?>
quam_u_test
CU - A Serie

Bild Vergrößerung, klicken Sie auf das Bild.
Click image to open a new window with a full size image.



      [color=#00BF00]<td width="145"><div align="center">         <div align="left">           <pre><strong><font size="4" face= "Arial, Helvetica, sans-serif "color="#E0BF1"><font size="4">

CU - A001
Einheit: 10 Unit
Code: 1111 xxxxx
Ausgabe Datum: 11.93
Beschreibung: TKJ
Auflage: 12.000

[/color] [color=#FF0000]
[/color]
      [color=#00BF00]<td width="145"><div align="center">         <div align="left">           <pre><strong><font size="4" face= "Arial, Helvetica, sans-serif "color="#E0BF1"><font size="4">

Bedienungsanleitung

[/color] [/color]

Wieso nutzt du nicht eine Lightbox Variante?
http://lokeshdhakar.com/projects/lightbox2/
http://lytebox.com/

Ich Versuch das mal, ein imagebox hat nichts gebracht, mal schaun was ein lightbox bringt

Das Bild einfach mit image in einem SVG-Dokument referenzieren.
Setzt man dann die viewBox auf die Größe des Bildes und gibt für das SVG-Dokument weder
Höhe noch Breite an, vergrößert sich das Bild automatisch auf den verfügbaren Anzeigebereich.
Das sieht natürlich bei Vektorgraphik viel besser aus als bei Pixelgraphik, verwendet man bei
letzterem allerdings JFIF/JPEG mit Kantenlängen von etwa der Bildschirmgröße, dürfte das
Ergebnis meistens brauchbar sein.
Der jeweilige Betrachter kann dann einfach durch Änderung der Größe des browser-Fensters
das Bild auf die gewünschte Größe einstellen.

Wenn man jetzt rein dekorativ CSS auf (X)HTML anwendet, kann man einen ähnlichen
Effekt erreichen, wenn man per CSS die Breite des Bildes auf 100% setzt und die Höhe auf auto.

Da viele browser inzwischen auch leistungsfähige Vergrößerungswerkzeuge eingebaut hat, kann
es durchaus auch reichen, einfach einen Verweis auf das Bild zu verwenden, der jeweilige
Betrachter kann dann selbst skalieren.

Der Hauptvorteil der SVG-Methode liegt darin, daß man sehr detailliert einstellen kann, was
passieren soll, wenn das Aspektverhältnis des Bildes nicht zu dem des Anzeigebereiches paßt -
und gegebenenfalls kann man natürlich auch die Umgebung und Beschriftung des Bildes sehr
frei graphisch gestalten.

Sorry aber reden wir hier noch von meinem Problem, oder schon von deiner Doktorarbeit.

Sorry wer soll das jetzt noch Verstehen ? Bin Anfänger, ab der 2 Zeile hab ich den Faden Verloren !

Geht das nicht Einfacher ? Kann mir keiner den Html Einfügen in den Code oder Sagen wie ??


CU - A001
Einheit: 10 Unit
Code: 1111 xxxxx
Ausgabe Datum: 11.93
Beschreibung: TKJ
Auflage: 12.000


Bedienungsanleitung

[/color]

[code]

Sprint CU-A <?php include ("../home/kopf.inc.php"); ?> quam_u_test <?php include ("../home/navi.inc.php"); ?>
CU - A Serie

Bild Bild Vergrößerung, klicken Sie auf das Bild.
Click image to open a new window with a full size image.


CU - A001
Einheit: 10 Unit
Code: 1111 xxxxx 
Ausgabe Datum: 11.93
Beschreibung: TKJ
Auflage: 12.000


Bedienungsanleitung

[/code]

[ol]
[li]Lade Lytebox herunter[/li]
[li]Entpacke das zip-Archiv [/li]
[li]Kopiere den Quelltext[/li]
[li]Ersetze ihn gegen deinen[/li]
[li]Lade den Ordner von Lytebox und deine Seite hoch[/li][/ol]

Mir stehen zwar die Haare zu Berge wegen deines Quelltextes, und das du die Bilder vom Browser verkleinerst und dann auf Original Größe wieder anzeigen lässt :whata: aber jeder hat mal klein angefangen…

Da hast du noch einiges zu Lernen!

Gruß
Camou !coffee

Einfach für Anfänger: Alles, was kompliziert aussieht, kompliziert ist oder Barrieren bedeuten
könnte, einfach weglassen ;o)

Hast du ein Bild namens ‘Bild.jpg’, so schreibst du einfach:

<a href="Bild.jpg">Bild anzeigen</a>

Hast du ein kleineres Vorschaubild namens ‘Bild.klein.jpg’ kannst du auch notieren:

<a href="Bild.jpg"><img src="Bild.klein.jpg"  alt="Vorschaubild anklickern, um Bild anzuzeigen" /></a>

De Rest überläßt du dann einfach den Betrachtern und deren browsern.

Camou…

Das sieht ja schon mal Gut aus. Kann man das aber nicht so machen das dass Bild nur eine Gewissen größe hat und man nicht immer zur anderen Seite wieder Seppen muss.

Bei der Karte ist oben ein Pfeil, das man wieder auf die Seite kommt, wo die Serie Abgebildet ist. Das Bild zu dem Pfeil bekomme ich nicht kleiner.

Es ist eine Sammlerseite für Telefonkarten ect… Da brauche ich eine Ansicht von der Vorder und Rückseite, da es auch Unterschiede gibt, brauche ich dann auch eine Vergrößerung damit man Eventuelle Unterschiede sehen kann. Habe dein Html so eingefügt und musste aber nicht Lytebox herunter Laden, es ging auch so !

Der Text der Neben der Karte steht, sollte oben Rechts an der Kante der Karte sein.

Habe das ja nicht gelernt, habe mir einige Seiten mir STRG+U Angesehen und mir den Rest zusammen getrage.

Hallo Marcus84

Da du die Lytebox nicht heruntergeladen hast, werden deine Bilder im Browser geöffnet!
Mit Lytebox werden diese auf der aktuellen Seite Angezeigt.

Hier war ein Link :smiley: wo man sich das mit der Lytebox anschauen konnte.

Gruß
camou !coffee

Wo muss ich die Lytebox Reinladen ?

Hab im FTP sagen wir mal 50 Ordner, muss ich die Lytebox überall rein machen oder nur auf die Startseite ?

Habe es Versucht und habe die Lytebox in einem Ordner im FTP drinn, wo die Karte CU-A001 drinn ist, habe es so gemacht wie Du es schreibst aber es ging nicht.

Hatte mal die “imagebox” die musste ich ihn in jeden FTP Ordner Laden

steht alles unter:

lytebox.com/howTo.php


step 2 und 3 sollte in jeder deiner seiten drinne stehen in welcher du “lytebox” nutzen möchtest…


alles was du von da runtergeladen hast, entpackst du und packst alles auf dein server - wohin ist egal.

dann mußt du unter “step 3” angegebene (src=“lytebox.js”) noch an deinen speicherordner anpassen…

beispiel:
…dein ordener mit den daten der lytebox hat den namen lyteboxordner…

dann änders du (src=“lytebox.js”) einfach in src=“lyteboxordner/lytebox.js”

:hail:

Thanks habs geschaft !!!