Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Ich habe folgendes Problem:

Ich möchte das Vollbild links ausrichten, habe aber bisher nicht den richtigen Parameter gefunden.

die Seite ist mit HTML und CSS geschrieben und die Bilder über iframe eingebunden.
Dank der ausgezeichneten Beschreibung von Michael hat das alles super geklappt.

Der mittlere Bereich der Seite, in dem die Bilder eingebunden sind, ist zweiteilig. Links einige Vorschaubilder und rechts im einem weiteren <div> die Bilder aus Vollbild.

Leider werden sie mir ihrem div-container zentriert angezeigt. Ich möchte sie jedoch linksbündig haben.

Wo finde ich die entsprechende Einstellung? Ich habe vermutet, dass es in der styles.css die Klasse .twg_centertable ist. War es aber leider nicht. In der Konfiguration habe ich auch keine Einstellung gefunden, über howto und Foren leider auch nicht. Oder sehe ich den Wald vor lauter Bäumen nicht mehr?

die Aufteilung der Seite ist grob geschrieben

<div class="navigation"> Bereich für Navigation und Banner </div>
<div class="content">
<div class="content_links"> Hier habe ich einige feste Vorschaubilder und eine weitere Navigation, 250px breit
</div>
<div class="content_mitte">
<td width="100%">
<iframe name="twg" frameborder="0" src="../twg183/index.php?twg_album=bilder&twg_show=bild1.pjp"
widht="100%" height="100%">
</iframe>
</td>
</div>
</div>


Doro

Ausrichtung innerhalb des iframes? Einfach mal mit firebug schauen .

Gruß, Michael

Hallo Michael,

danke für deine schnelle Antwort.

Anscheinend habe ich damit ein Problem. Ich kann zwar über die Konfiguraton die "Größe der Web-Bilder" die Höhe festlegen. Die Breite der Seite rechnest du, glaube ich, über ein Script aus und zentrierst sie auch damit.
Wenn ich im Firebug mir die Blockgröße anzeigen lasse, bekomme ich:
twg_100_prozent 1263* 443

443 ist meine festgelegt Bildhöhe über die Konfiguration-

Ich kann zwar etwas tricksen, indem ich in der styles.css in der Klasse .twg_body_fullscreen einfach mit width die maximale Bildbreite festlege, aber dann werden die Bilder innerhalb dieser vorgegebene Breite zentriert.

Kannst du mir da noch einen Tip geben?

Gruß
Doro

ich glaub ich rechne da die browsergröße aus und setzt das dann. Da must du wohl in den code um das zu ändern.

- Michael

Tja, wenn ich so fit wäre in PHP und Java.

Ich kriege es leider noch nicht richtig auseinander oder bin total auf dem Holzweg.
Du holst dir die Auflösung über die Funktion send_Browser_resolution in twg_image.js. da gibt du die x und y Werte als string zurück. Den benutzt du dann in der index.php in Zeile 482 und setzt damit die Skalierung.

So und an dieser Stelle komme ich nicht mehr weiter. In fullscreen_inc.php, image_inc.php oder index_inc.php habe ich dann nichts gefunden, wo die Ausgabe entsprechende mittig formatiert wird.

Kannst du mir noch einen Tip geben?
Doro

Mach mal am besten einen Screenshot wie es aussehen soll. Ich bin da noch nicht ganz schlau draus geworden...

Und mit Java hat das nix zu tun. Java und Javascript sind 2 verschiedene Programmiersprachen.

Gruß, Michael

Hallo Michael,

eigentlich ganz einfach gedacht. Du stellst die Bilder z.b: bei deiner Mexikodemo als Vollbild zentriert da, ich möchte es einfach in dem <div> links haben, damit sie immer an der gleichen Stelle anfangen unabhängig von ihrer Bildbreite.



-------------------------------------------------------------------------------
obere Navigation
-------------------------------------------------------------------------------
linke |
Navigation |
plus | großes Bild
vorschau |
bilder |

Hoffe die Datei mit den Screenshots kommt mit.

Gruß
Doro

Ne leider nicht - sonst schick mir die als E-Mail.

Gruß, Michael

Die Lösung von Michael ist so einfach wie effektiv

in der style.css
bei
table.twg {
float:left; /*einfügen*/
}

Achtung: style.css ist ein globales Stylesheet, d.h.: diese Änderung wirkt sich überall aus.