probleme mit bilddarstellung

[mario.dingethal]

liebe forummitglieder, ich habe folgendes problem:
ich lege mit golive eine tabelle an, in der positioniere ich ein bild, welches mit »bildwechsel« ausgetauscht wird. es gibt hoch- und querformatige bilder. wenn in der tabelle ein querformatiges bild angezeigt wurde und danach kommt ein hochformatiges, so wird das hochformatige »breitgemanscht«. wie kann ich das verhindern?

das problem tritt in safari auf, im ie (auf dem pc) bzw. in firefox auf dem mac konnte ich es nicht feststellen.

beispiel: auf meiner seite salzlandfoto.de

wer kann mir helfen?
danke.

mario dingethal

 

[ThaHammer]

Habe den Fehler zwar auf die schnelle nicht gesehen, aber das Javaskript zu der Funktion ist selber geschrieben nur ein paar Zeilen, statt ein paar Seiten lang. GoLive pumpt den Code unerträglich auf.

<script type="text/javascript">
        var pic = 0;
   
        function buttons(wo,pic1)
        {
            document.getElementById(wo).src = "Bilder/" + pic1;
        }
        var layerw = 0;
        function layerwechsel(layerw)
        {
            document.getElementById("Layer").src = "Layer" + layerw + ".html";
        }
        </script>

Das ist die Funktion, die macht dasselbe auf meiner HP.

 

[mario.dingethal]

Habe den Fehler zwar auf die schnelle nicht gesehen, aber das Javaskript zu der Funktion ist selber geschrieben nur ein paar Zeilen, statt ein paar Seiten lang. GoLive pumpt den Code unerträglich auf.

<script type="text/javascript">
        var pic = 0;
   
        function buttons(wo,pic1)
        {
            document.getElementById(wo).src = "Bilder/" + pic1;
        }
        var layerw = 0;
        function layerwechsel(layerw)
        {
            document.getElementById("Layer").src = "Layer" + layerw + ".html";
        }
        </script>

Das ist die Funktion, die macht dasselbe auf meiner HP.

ich kann kein javascript, auch nicht einbinden.
ich finde die stelle auf deiner seite nicht, wo das selbe passiert?

lg mario

 

[2nd]

Das ist kein Fehler im eigentlichen Sinn sondern ein konzeptionelles Problem.

Die Bilder werden anscheinend immer mit einer festen Breite/Höhe angezeigt, sprich, alle werden im 4:3 Format angezeigt - egal welches Format das Bild wirklich hat.

Läßt sich mit den Attributen "height" und "width" auch einfach bewerkstelligen und GoLive nutzt das innerhalb der Tabellen.

Am einfachsten löst Du das Problem, in dem Du alle Bilder auf eine feste Größe bringst, entweder mit einem Hintergrund oder halt ohne. Mit Hintergrund kannst Du Dir hier ansehen:

http://www.susees.de/susees.php?cat=portfolio&subcat=werbung&content=1

Da siehst Du, dass die Hochkantbilder entsprechend kleiner gemacht wurden und auf einer Art Hintergrund eingefasst wurden.

Ansonsten schon krass, was GoLive da produziert - das ist keine HTML (25 Zeilen) Seite, das ist eine Javascript Seite (190 Zeilen)

2nd

 

[mario.dingethal]

Das ist kein Fehler im eigentlichen Sinn sondern ein konzeptionelles Problem.

Die Bilder werden anscheinend immer mit einer festen Breite/Höhe angezeigt, sprich, alle werden im 4:3 Format angezeigt - egal welches Format das Bild wirklich hat.

Läßt sich mit den Attributen "height" und "width" auch einfach bewerkstelligen und GoLive nutzt das innerhalb der Tabellen.

Am einfachsten löst Du das Problem, in dem Du alle Bilder auf eine feste Größe bringst, entweder mit einem Hintergrund oder halt ohne. Mit Hintergrund kannst Du Dir hier ansehen:

http://www.susees.de/susees.php?cat=portfolio&subcat=werbung&content=1

Da siehst Du, dass die Hochkantbilder entsprechend kleiner gemacht wurden und auf einer Art Hintergrund eingefasst wurden.

Ansonsten schon krass, was GoLive da produziert - das ist keine HTML (25 Zeilen) Seite, das ist eine Javascript Seite (190 Zeilen)

2nd

ja das mit dem hintergrund war ja auch mein gedanke, aber da es bei mir bisher funktionierte:

http://www.feuerwehr-stassfurt.de/einsatz/2006/200611201135/200611201135.html

habe ich mir da keine gedanken gemacht.

lg mario

 

[2nd]

Das ist halt ein 1:1 Format, da passt logischerweise alles rein.

2nd

 

[joachim14]

Wenn Du alle Bilder mit gleicher Größe hast, also zB 300 px Breite für Querformat und 300 px Breite für Hochformat und bei GoLive eine entsprechende fixe quadratische Zelle einstellst, müsste doch alles funktionieren.

 

[mario.dingethal]

Wenn Du alle Bilder mit gleicher Größe hast, also zB 300 px Breite für Querformat und 300 px Breite für Hochformat und bei GoLive eine entsprechende fixe quadratische Zelle einstellst, müsste doch alles funktionieren.

das ist mir ja alles klar, ich möchte aber ladezeiten sparen. also lege ich die bilder nur in einer fixen höhe an, die breite ergibt sich (auch bei einem hochformat). dieses bild stelle ich in die mitte einer tabellenzelle.
das problem ist und bleibt jedoch, dass wenn zuerst ein querformatiges bild angezeigt wird, das nächste ien hochformatiges ist, dieses breitgemanscht wird. ist das nun ein fehler von safari? weil sie oben gennantes beispiel der feuerwehrseite, da klappt es doch?! was mache ich denn falsch?

lg mario

 

[eisman]

<img src="05.jpg" alt="" name="diashow" width="219" height="332" border="0"></div>
habe mir mal erlaubt mit dem Beispiel des Adlers uaf den Grund zu gehen.
setz mal da wo die Bilder geladen werden die die Werte ein.
Arbeite zwar mit Dream. und dieses Progi nimmt sich auto. die Bildgröße.
Auf jeden Fall zeigt es mir unter FF und Saf das bild mit dem Adler korrekt an

eisman

 

[mario.dingethal]

<img src="05.jpg" alt="" name="diashow" width="219" height="332" border="0"></div>
habe mir mal erlaubt mit dem Beispiel des Adlers uaf den Grund zu gehen.
setz mal da wo die Bilder geladen werden die die Werte ein.
Arbeite zwar mit Dream. und dieses Progi nimmt sich auto. die Bildgröße.
Auf jeden Fall zeigt es mir unter FF und Saf das bild mit dem Adler korrekt an

eisman

ich verstehe deine hilfe nicht.
auf jeden fall habe ich bei der bildbreite und -höhe »automatisch« ausgewählt.
frage mich nur, warum diese art der von golive erzeugten »diashow« mit ie und ff funktioniert und nicht mit safari.

lg mario dingethal

 

[eisman]

ich verstehe deine hilfe nicht.
auf jeden fall habe ich bei der bildbreite und -höhe »automatisch« ausgewählt.
frage mich nur, warum diese art der von golive erzeugten »diashow« mit ie und ff funktioniert und nicht mit safari.

Schmeiß Golive weg.
habe dir doch geschrieben, das da wo die Bilder geladen werden, bei mir mit SAf und FF es funktioniert. Indem du die Bildgrösse angibst.
siehe fettgedrucktes.

<body onload="preloadImages();" bgcolor="#ffffff" link="#cccccc" vlink="purple">
<div align="center">
<img src="../grafiken/headline.gif" alt="" border="0">
<table width="744" border="0" cellspacing="0" cellpadding="0" bgcolor="white" height="332">
<tr height="83">
<td align="left" valign="top" bgcolor="#cccccc" width="124" height="83"><img src="../grafiken/sonstiges.gif" alt="QUERBEET" height="83" width="124" border="0"></td>
<td rowspan="4" colspan="5" align="center" valign="middle" bgcolor="#cccccc" width="620" height="332">
<div align="center">
<img src="05.jpg" alt="" name="diashow" width="219" height="332" border="0"></div>
</td>

eisman

 

[2nd]

Eismann, ich habe Deinen Beitrag geändert, so dass er jetzt verständlich ist und vor allem nicht den Thread mit 220 Zeilen gepastetem Quellcode sprengt.

Nach fast 500 Beiträgen solltest Du eigentlich ohne Moderatoren dazu in der Lage sein

2nd

 

[eisman]

@ 2ndreality
Thanks, war zu Faul dazu
eisman

 

[2nd]

Na zum Glück kriege ich Geld dafür

Das nächste Mal bitte mehr Umsicht und Engagement

2nd

 

[mario.dingethal]

Schmeiß Golive weg. eisman

nein, dann komme ich gar nicht mehr klar. ich sage ja auch nicht: schmeiss dein auto weg, nur weil man mit dem flugzeug schneller von a nach b kommt.
ich akzeptiere, dass du reinen quellcode programmierst. das kann ich nicht. ich benötige dieses werkzeug »go live«.
ich kann das auf der seite mit dem adler ja ändern, aber dann ist die bildbreite doch fest auf die des adlers fixiert, was ist, wenn dann mal ein bild kommt, dass breiter ist, wie eben die querformatigen, dann werden die zusammengequetscht. oder nicht.

und im firefox funktioniert es!!! die darstellung ist korrekt.

ich versuche es nochmal: ich habe in golive eine seite erzeugt, mittels der golive-eigenen diashow-funktion lasse ich die bilder weiterschalten. da ich jetzt noch nicht weiss, welche breiten- und höhenverhältnisse meine bilder in zukunft haben werden, lasse ich im golive bei der bildgrössenangabe alles auf »bild«.

ich denke, ich höre auf bekloppte fragen zu stellen, ich kann mich wahrscheinlich nicht richtig ausdrücken.

lg mario

 

[joachim14]

ich möchte aber ladezeiten sparen. also lege ich die bilder nur in einer fixen höhe an, die breite ergibt sich (auch bei einem hochformat). dieses bild stelle ich in die mitte einer tabellenzelle.

Ladezeiten? Wenn im HTML-Code (auch mehrfach ggf.) width="300" height="300" steht, welche entscheidende Rolle soll das denn spielen, wenn anschließend Bilder mit sagen wir jeweils 20 kB folgen?
Ich kann Dir nur nochmals raten: Skaliere und speichere Deine Bilder so, dass sie in ein Quadrat passen (zb 300 x 300), egal, ob Hoch- oder Querformat.
Und stelle in GoLive die Tabellenzellen entsprechend fest und nicht variabel ein.

 

[mario.dingethal]

Ladezeiten? Wenn im HTML-Code (auch mehrfach ggf.) width="300" height="300" steht, welche entscheidende Rolle soll das denn spielen, wenn anschließend Bilder mit sagen wir jeweils 20 kB folgen?

die »grössenangabe« spielt sicher keine rolle, aber ein bild im querformat ist von der pixelanzahl fast doppelt so gross, wie ein hochformat. zur ladezeit: nicht jeder »surft« mit 1 oder 2 und mehr mbit.

Ich kann Dir nur nochmals raten: Skaliere und speichere Deine Bilder so, dass sie in ein Quadrat passen (zb 300 x 300), egal, ob Hoch- oder Querformat.
Und stelle in GoLive die Tabellenzellen entsprechend fest und nicht variabel ein.

kommunikation ist das, was ankommt. entschuldige. die tabellenzelle ist »fest« eingestellt, in ihr steht zentriert ein bild, das durch breite und höhe jeweils auf »bild« gesetzt ist, somit die breite und höhe aus dem anzuzeigenden bild lesen müsste.
dei bildformate und er schnitt der bilder sind ein gestaltungsmittel, ich will sie nicht in ein quadrat »zwingen«.

danke für deine hilfe.

lieben gruss
mario

 

[ThaHammer]

ich kann kein javascript, auch nicht einbinden.
ich finde die stelle auf deiner seite nicht, wo das selbe passiert?

lg mario

Das JS steht vor dem Body Tag, aufgerufen wird es innerhalb der Seite.
Tja, GoLive erzeugt einen echten scheiß Code, das war schon immer problematisch! Ich verwende GoLive deshalb nicht mehr, hatte keinen Bock mehr ständig aus 190 Zeilen wieder 5 zu machen weils GL wieder einfach geändert hatte! Der Fehler liegt irgendwo in dem JS von Dir, deshalb mein Vorschlag meinen code zu nehmen. Der ist kurz und übersichtlich und funktioniert!