Hochformatbilder "WP lightbox 2" Plugin werden nicht richtig angezeigt

***elvis***

Ich nutze das Plugin WP lightbox 2. Bei Querformatigen Bildern läuft das ganze einwandfrei. Nur leider werden die Hochformatigen Bilder nicht korrekt angezeigt.

Beispiel Bild Nummer 9 und 10 aus dieser Galerie klick

Ich hab das ganze einmal mit 900 pixel Kantenlänge getestet und einmal mit 600 pixel. Beides mal stellt das Plugin die Bilder nicht korrekt dar.

Was kann ich tun???

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

***elvis***

grummel, grummel... :-x

Jetzt hab ich das ganze mal mit einem hochformatigen Bild gestartet, und jetzt stellt das plugin die hochformatigen bilder richtig dar.

Aber nicht mehr die querformatigen :?:

Was läuft das schief :?::?:

Soilworker

Funktioniert doch tadellos.
Was genau meinst du mit "nicht richtig darstellen". Mach mal einen Screenshot.

***elvis***

Zitat von Soilworker

Funktioniert doch tadellos.
Was genau meinst du mit "nicht richtig darstellen". Mach mal einen Screenshot.

okay, jetzt wissen wir zumindest das es am Browser liegt.

Mit dem IE von Windows läuft es einwandfrei. Aber mit dem afari der Apple-user luppt dat net.

Das erste Bild wird korrekt dargestellt, alle weiteren in dem Format auch. Soll er dann von quer nach hoch wechseln, klappt das nicht. Schließe ich den Browser und starte neu, dann zuerst mit dem Hochformatbild wird dieses richtig dargestellt und die Querformatigen nicht.

codestyling

Nicht nur mit IE geht das. Opera und FireFox können das auch (und nicht nur unter Win).

Da Safari != Safari ist, sollte man wenigsten die Version mitteilen, auch wenn es dann trotzdem Mühe macht, für nicht Mac Besitzer, das nachzustellen oder rauszufinden.

***elvis***

Zitat von codestyling

... auch wenn es dann trotzdem Mühe macht, für nicht Mac Besitzer, das nachzustellen oder rauszufinden.

Ist ganz einfach, auch für Windows gibt es den aktuellen Safari und das Problem ist auch mit Safari unter Windows vorhanden.

Apple - Safari

codestyling

Zitat von ***elvis***

Ist ganz einfach, auch für Windows gibt es den aktuellen Safari und das Problem ist auch mit Safari unter Windows vorhanden.

Ist mir auch klar. :-D
Aber der Win Safari verhält sich in Bezug auf Javascript manchmal anders als der Mac Safari. Deshalb sind das immer noch 2 paar Schuhe...

codestyling

So, hab den Safari nochmal sicherheitshalber geupdated und die Bildprobleme bestehen also real auch unter Win.
Allerdings würde ich sagen, kann Safari den Quirks Mode nicht gut, denn deine Seiten beginnen so:

Code

<!-- language redirection -->






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Der DOCTYPE sollte ja wohl in der 1. Zeile stehen, oder ?

Kannst du das bitte reparieren, bevor wir hier weiter rum experimentieren ?

***elvis***

Zitat von codestyling

Kannst du das bitte reparieren, bevor wir hier weiter rum experimentieren ?

ähm, jetzt wird´s kompliziert. Wie mach ich das????

codestyling

Da kann ich nur mutmaßen. Eines deiner Plugins gibt vermutlich den Kommentar:

Code

<!-- language redirection -->

und die Leerzeilen aus, bevor der Head ausgegeben wird.
Alternativ kann es auch ein Fehler in deine header.php sein, weil es dort als Erstes steht.

Hast du mit Mehrsprachigkeit (per Plugin) rumexperimentiert ?

***elvis***

Zitat von codestyling

Alternativ kann es auch ein Fehler in deine header.php sein, weil es dort als Erstes steht.
Hast du mit Mehrsprachigkeit (per Plugin) rumexperimentiert ?

hader.php

Zitat


<?php if(function_exists('yy_redirect')) yy_redirect(); ?>
<?php define ('TEMPLATE_DOMAIN','freshy'); ?>
<?php load_theme_textdomain(TEMPLATE_DOMAIN); ?>

...also muss ich einfach nur die zweile "" in meiner header.php löschen???

Ich hatte vorab mal andere Versionen der lightbox versucht aber nicht zum laufen bekommen.

***elvis***

Zitat von ***elvis***

...also muss ich einfach nur die zweile "" in meiner header.php löschen???

Nee, hab es gerade mal getestet, gleicher Fehler...

codestyling

Zitat von ***elvis***

Nee, hab es gerade mal getestet, gleicher Fehler...

Mühsam näherst du dich dem Reparaturziel.

Jetzt sind noch 3 Leerzeilen zuviel drin.

PHP

001 <!-- language redirection -->
002 <?php if(function_exists('yy_redirect')) yy_redirect(); ?>
003 
004 <?php define ('TEMPLATE_DOMAIN','freshy'); ?>
005 <?php load_theme_textdomain(TEMPLATE_DOMAIN); ?>

Da du nun Zeile 001 rausgeworfen hast, bekommt der Browser als Erste Leerzeile nun 003 aus dem Ausschnitt. Davon gibts von mehrere bis endlich der DOCTYPE ausgegeben wird.
Alles was ausserhalb von <?php ..... ?> steht geht direkt an den Browser und wenn es Leerzeilen sind.

Erst wenn dein Browser bei der Anzeige des Quelltextes die DOCTYPE Zeile als 1. Zeile hat, ist es geschafft und wir können das Problem angehen, ohne Annahmen über Browsermodies zu machen.

***elvis***

Zitat von codestyling

Mühsam näherst du dich dem Reparaturziel.

wohl war, ist für mich alles nicht so einfach... Hab die Leerzeile gelöscht aber das Problem ist immer noch vorhanden.

so sieht die header.php jetzt aus.

Zitat

<?php if(function_exists('yy_redirect')) yy_redirect(); ?>
<?php define ('TEMPLATE_DOMAIN','freshy'); ?>
<?php load_theme_textdomain(TEMPLATE_DOMAIN); ?>
<?php //$freshy_options = get_option('freshy_options');
global $yy_options;
global $freshy_options;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" title="Freshy"/>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="page">


<div id="header">
<div id="title">
<h1>
<a href="<?php if(function_exists('yy_home_url')) { echo yy_home_url(); } else { echo get_settings('home'); } ?>">
<span><?php bloginfo('name'); ?></span>
</a>
</h1>
<div class="description">
<small><?php bloginfo('description'); ?></small>
</div>
</div>
<div id="title_image"></div>
</div>


<div id="frame">

<?php if(function_exists('yy_menu')) : /* yammyamm is installed and function yy_menu exists */ ?>
<ul class="menu" id="main_menu">


<?php if ($yy_options['home_type']=='page') { ?>

<li class="<?php if (yy_is_home()) { ?>current_page_item<?php } else { ?>page_item<?php } ?>">
<a class="first_menu" href="<?php echo yy_home_url(); ?>">
<?php _e($freshy_options['first_menu_label'],TEMPLATE_DOMAIN); ?>
</a>
</li>
<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>">
<a href="<?php echo yy_home_url('blog'); ?>">
<?php _e($freshy_options['blog_menu_label'],TEMPLATE_DOMAIN); ?>
</a>
</li>

<?php }
else { ?>


<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>">
<a class="first_menu" href="<?php echo yy_home_url('blog'); ?>">
<?php _e($freshy_options['blog_menu_label'],TEMPLATE_DOMAIN); ?>
</a>
</li>

<?php }?>


<?php yy_menu('sort_column=menu_order&depth=1&title_li=','none'); ?>

<li class="last_menu">


<?php if ($freshy_options['last_menu_type']=='email') { // the home is language root page ?>

<a class="last_menu" href="mailto:<?php echo $freshy_options['contact_email']; ?>">
<?php _e($freshy_options['last_menu_label'],TEMPLATE_DOMAIN); ?>
</a>

<?php }
else if ($freshy_options['last_menu_type']=='link') { // the home is language root page ?>

<a class="last_menu" href="<?php echo $freshy_options['contact_link']; ?>">
<?php _e($freshy_options['last_menu_label'],TEMPLATE_DOMAIN); ?>
</a>

<?php }
else { ?>


<a class="last_menu_off">
</a>

<?php }?>

</li>


<?php yy_lang_menu('lang_menu'); ?>

</ul>

<?php else : /* yammyamm is not installed or function yy_menu does not exist, use default menu */ ?>
<ul class="menu">

<li class="<?php if (is_home()) { ?>current_page_item<?php } else { ?>page_item<?php } ?>">
<a class="first_menu" href="<?php echo get_settings('home'); ?>">
<?php _e($freshy_options['first_menu_label'],TEMPLATE_DOMAIN); ?>
</a>
</li>

<?php freshy_wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>

<li class="last_menu">


<?php if ($freshy_options['last_menu_type']=='email') { // the home is language root page ?>

<a class="last_menu" href="mailto:<?php echo $freshy_options['contact_email']; ?>">
<?php _e($freshy_options['last_menu_label'],TEMPLATE_DOMAIN); ?>
</a>

<?php }
else if ($freshy_options['last_menu_type']=='link') { // the home is language root page ?>

<a class="last_menu" href="<?php echo $freshy_options['contact_link']; ?>">
<?php _e($freshy_options['last_menu_label'],TEMPLATE_DOMAIN); ?>
</a>

<?php }
else { ?>


<a class="last_menu_off">
</a>

<?php }?>

</li>
</ul>
<?php endif; ?>

<hr style="display:none"/>

Alles anzeigen

codestyling

So, eine Leerzeile ist noch übrig, die da nicht hingehört.
Ersetz mal den Anfang folgendermaßen:

PHP

<?php
   if(function_exists('yy_redirect')) yy_redirect(); 
   define ('TEMPLATE_DOMAIN','freshy');
   load_theme_textdomain(TEMPLATE_DOMAIN);
    global $yy_options;
    global $freshy_options; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Und schau mal deine wp-config.php an, ob die am Ende mehrere Leerzeilen hat nach dem schliessenden ?>
Wenn ja, bitte rausnehmen.

codestyling

Und wenn du schon dabei bist, dann kannst du das auch gelich mit ändern:

bisher:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

nachher:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Ich denke, du bloggst in deutsch und solltest auch deutsch angeben.
Und transitional wegen der attribute, die verwendet werden.

***elvis***

...erstmal herzlichen Dank für deine Mühe und geduld mit mir....

DANKE

Zitat von codestyling

Ich denke, du bloggst in deutsch und solltest auch deutsch angeben.

yepp, alles in deutsch.

Ich finde aber den Teil mit "UTF-8" in meinem Text nicht ??? :oops: ähm, äh, was muss ich noch ändern???

EDIT:

Der Fehler ist auch nach Anpassung da.

codestyling

In deiner header.php:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

ersetzen komplett mit:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

So war das gemeint. Kannst UTF-8 nicht finden, weil es so nur in der Seite steht und in der 4. Zeile per PHP gebastelt wird.

Und ich habe nie gesagt, dass das allein bereits das Problem löst. Nur muß die Seite(n) erstmal valide sein, damit man sich mit dem Problem der Javascripts beschäftigen kann! Sonst sind das 2 Baustellen und man weiss nicht, wer schuld ist.

Momentan ist nämlich deine Seite nicht HTML valid.
Und hattest du die wp-config.php gecheckt, ob die am Ende Leerzeilen hat ?

***elvis***

Zitat von codestyling

Und ich habe nie gesagt, dass das allein bereits das Problem löst. Nur muß die Seite(n) erstmal valide sein, damit man sich mit dem Problem der Javascripts beschäftigen kann! Sonst sind das 2 Baustellen und man weiss nicht, wer schuld ist.
Momentan ist nämlich deine Seite nicht HTML valid.
Und hattest du die wp-config.php gecheckt, ob die am Ende Leerzeilen hat ?

oki, hab ich auch so nicht verstanden.

Alle Änderungen sind durchgeführt und auch die letzte Zeile der wp-congig.php gelöscht.

Problem ist weiter vorhanden.

codestyling

3 Fehler in Lightbox v2.03.3 Plugin Javascript Code behoben !

Hi, ich hab mit Hilfe deiner Dateien raus gefunden, was an Lightbox kaputt war:

Lightbox läuft zwar auf Prototype.js 1.6.0, was mit WordPress 2.5.x mitkommt, aber ist nicht dafür primär geschrieben. Enthält veraltete Aufrufe, die man mal ersetzen sollte, hab nur die Safari Height/Width Behandlung sichergestellt. (müsste mal jemand an die neuen js Bibliotheken anpassen, mach ich vielleicht noch später)
Mein Safari 3 für Windows macht ebenfalls beim Wechsel von Landscape zu Portrait bzw. andersrum den fatalen Fehler, die Breite der Landscape Bilder für die Breite des nachfolgenden Portraitbildes zu behalten. Das habe ich auch gefixed.
Mit Opera 9.27 ist mir aufgefallen, das die Beschriftungsbox (weiß, am unteren Bildrand mit Caption und Bilderanzahl) sofort verschwindet, wenn sie ausgefahren wurde. Das liegt daran, dass Opera, warum auch immer, für die Box eine Höhe 0 hat. Ist auch gefixed.

Somit habe ich das wp-lightbox2 WordPress Plugin mit folgenden Browsern sauber zum Laufen bekommen, was die Bilddarstellung betrifft:

IE 7/8 beta
FireFox 2.x++
Opera 9.27++
Safari 3 Windows

Ich werde dir morgen (heute, wenn ich auf die Uhr sehe) die bereinigten Dateien zukommen lassen, bei Bedarf auch hier im Forum veröffentlichen.
Der Autor wird ebenfalls informiert, ggf. das SVN gepatched. Da ich noch abschließende Tests mache, hab ich das noch nicht freigegeben.
Werde das am Abend hier editieren und dranhängen (nur Lightbox Patches).

Falls jemand noch andere Probleme, die die Darstellung (und nicht das Backend oder Verwendung) betreffen, bitte melden, dann kann das ggf. mit gepatched werden.

Grüsse

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hochformatbilder "WP lightbox 2" Plugin werden nicht richtig angezeigt

Jetzt mitmachen!