Bilder werden in Chrome und Firefox angezeigt - aber nicht im IE

zehbart

Hallo liebes Forum,

vielleicht kann mir jemand von euch weiterhelfen. Ich habe im Postloop die Beitragsbilder mit folgendem Code eingebunden:

PHP

<?php            
query_posts('showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>[INDENT]<div class="post-wrap">[/INDENT]
[INDENT]        <?php $url = wp_get_attachment_image( get_post_thumbnail_id($post->ID),large); ?>[/INDENT]
[INDENT]        <div class="post-hintergrund-oben"> [/INDENT]
[INDENT]            <img id="bild" src=<?php echo $url ?> />[/INDENT]
[INDENT]        </div>[/INDENT]
[INDENT]        <div class="post-content">[/INDENT]
[INDENT]            <h1 style="margin-bottom: 10px; margin-top:0;"><a style="text-decoration: none;" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>[/INDENT]
            
            
            <p style="font-size: 0.8em; margin-bottom: 25px;color: rgb(193, 193, 193);"><?php the_date('d.F Y'); ?> | <?php
                $kommentare = 0;
                $kommentare = $post->comment_count;
                if($kommentare > 1) echo $kommentare." Kommentare";
                elseif ($kommentare == 1) echo $kommentare." Kommentar";
                else echo "keine Kommentare";
            ?></p>
            
            
            <?php the_excerpt (); ?>
        </div>
    </div>
    <?php endwhile;?>

Alles anzeigen

In Chrome und Firefox werden die Bilder wunderbar angezeigt, nur der IE streubt sich mit aller Kraft dagegen und zeigt nix an. Beispielseite wäre diese hier: http://www.freimachen.de/reiseblog/

Hat jemand von euch einen Tip für mich?

grüße
zehbart

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

Putzlowitsch

Die Einbindung der Bilder ist Fehlerhaft. Als src kommt nochmal ein <img src.... Siehe Screenshot:

Firefox und Chrome scheinen den Fehler zu tolerieren, der IE kkommt damit aber nicht zurecht.

Hast Du da selber etwas am Theme geändert?

Gruß
Ingo

zehbart

Hej klasse, daran lag es! War mir gar nicht aufgefallen. Der Ausdruck

PHP

<?php $url = wp_get_attachment_image( get_post_thumbnail_id($post->ID),large); ?>

schmeisst schon das "src=" am Anfang mit raus. Habe den Code geändert und jetzt klappt es:

PHP

<?php $url = wp_get_attachment_image( get_post_thumbnail_id($post->ID),large); ?>
<div class="post-hintergrund-oben"> [INDENT]<img id="bild" <?php echo $url ?> </img>[/INDENT]
</div>

Vielen Dank für die Hilfe!

Putzlowitsch

Schön, daß es jetzt auch im IE funktioniert. Es ist aber immer noch falsch.

Die Funktion wp_get_attachment_image gibt das komplette img-Tag zurück. Da muß bzw. darf man nicht noch einmal ein img-Tag drumherum bauen.
Einfach den Rückgabestring der Funktion mit echo ausgeben, falls er nicht leer ist, und gut ist.

Außerdem sollte eine id-Wert innerhalb einer Seite nur genau einmal auftreten. Du gibst die id "bild" aber bei jedem Bild aus. Hat das einen besonderen Grund oder was willst Du damit eigentlich erreichen?

Gruß
Ingo

Mareen Tatù

PHP

<div class="post-hintergrund-oben">


        <?php the_post_thumbnail( 'large', array( 'id'=> 'bild') ) ?>


[INDENT]
[/INDENT]
</div>

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder werden in Chrome und Firefox angezeigt - aber nicht im IE

Jetzt mitmachen!