Weis Schleier auf den Bildern

niklas1994

Guten Abend zusammen, ich habe auf meiner Seite eine Bildergalerie. Wenn die Seite geladen ist werden alle Bilder dargestellt. Ersten wenn man mit der Mouse über das Bild geht (Drauf geht) wird das Bild klar.
Ich würde diesen Schleier gerne entfernen.
Der verwendete Code ist eingefügt.

Ich hoffe auf eure Hilfe.

Vielen Danke
Vg Niklas

PHP

<?php
    $categories = get_terms( 'years', array('hide_empty' => 0, 'order' => 'DESC') );
    error_reporting(E_ALL);
    ini_set('display_errors', 'on');
    wp_redirect( get_term_link($categories[0]), 301 );
    exit;
?>


<?php get_header(); ?>
    <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
        
        <div class="main-page">
            <div class="container-fluid">
                <div class="page-body">
                    <div class="top-filters">
                        <ul class="filter clearfix">
                            <?php /*?><li class="active"><a href="#" data-filter="*"><?php echo __('Alle', 'meyer'); ?></a></li><?php */?>
                            <?php
                                $categories = get_terms( 'years', array('hide_empty' => 0, 'order' => 'DESC') );
                                foreach ($categories as $category) {
                                    //echo '<li><a href="#" data-filter=".y'.$category->slug.'">'.$category->name.'</a></li>';
                                    echo '<li><a href="'.get_term_link($category).'">'.$category->name.'</a></li>';
                                }
                            ?>
                        </ul>
                    </div>
                    <div class="row isotope-list-row">
                        <div class="portfolio-mansonry-container gallery" data-layout="masonry">
                            <?php
                                $loop = new WP_Query( array( 'post_type' => 'painting', 'posts_per_page' => -1 ) );
                                while ( $loop->have_posts() ) : $loop->the_post();
                                    $id_post = $loop->post->ID;
                                    $src = wp_get_attachment_image_src( get_post_thumbnail_id($id_post), 'full' );
                                    $thumbnail_image = get_posts(array('p' => get_post_thumbnail_id($id_post), 'post_type' => 'attachment'));
                                    //var_dump($thumbnail_image);
                                    ?>
                                    <a href="<?php echo $src[0]; ?>" rel="<?php echo synth_list_product_categories($id_post); ?>" data-caption="<?php echo $thumbnail_image[0]->post_title; ?><br /><?php echo $thumbnail_image[0]->post_excerpt; ?><br /><?php echo $thumbnail_image[0]->post_content; ?>" class="fancy-image portfolio-masonry-item col-md-3 col-sm-4 col-xs-6 <?php echo synth_list_product_categories($id_post); ?>">
                                        <?php the_post_thumbnail( 'large'); ?>
                                    </a>
                                    <?php
                                endwhile;
                                wp_reset_query();
                            ?>
                        </div>
                    </div>
                    <?php //the_content(); ?>
                </div>
            </div> <!-- /.container -->
        </div>
        
        <?php endwhile; ?>
    <?php endif; ?>
<?php get_footer(); ?>

Alles anzeigen

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

b3317133

Der Schleier wird vermutlich über CSS erzeugt, wie bzw. über welche Klassennamen, das geht aus dem PHP Code nicht hervor.

Link zur Seite mit der Bildergalerie?

Der Grossteil des PHP Codes wird zudem nie aufgerufen, er wird immer in der Zeile 6 enden, evtl. hast Du den falschen Code gepostet?

PHP

<?php
    $categories = get_terms( 'years', array('hide_empty' => 0, 'order' => 'DESC') );
    error_reporting(E_ALL);
    ini_set('display_errors', 'on');
    wp_redirect( get_term_link($categories[0]), 301 );
    exit;
// egal was hier noch kommt, der Code endet beim o.g. exit;

Eine weitere Möglichkeit wäre ein nicht ganz korrekt laufendes Lazy Load Plugin oder eine ähnliche Funktion in einem Cache Plugin o.ä., solche Einflüsse könnte man mit einem Link zur Bildergalerie ebenfalls relativ leicht erkennen.

Oder aber das verwendete Theme hat eine solche Funktion eingebaut, die man ggf. in den Theme Optionen an-/abschalten kann, dann würde ein Blick in die Theme Dokumentation weiterhelfen.

niklas1994

Hey, danke für deine Antwort. Der Link zur Galerie ist https://www.meyer-matthias.de/jahr/2021-de/

SEpp55

Theme Dokumentation dürfte schwierig werden - kein 08-15 Theme, sondern ein eigens erstelltes Theme!

Als Lösung, ein Eintrag im Customizer unter Zusätzliches CSS:

Code

a.portfolio-masonry-item {
    opacity: 1;
}

niklas1994

Danke, wo würde ich das einfügen?

b3317133

Der Schleier kommt aus Deinem eigenen(?) Theme.

Ersetze in der Datei [FONT=Courier New]/wp-content/themes/meyer/style.css[/FONT] bei Zeile 418 das:

Code

a.portfolio-masonry-item {
   display:block;
   padding:10px;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   opacity:0.6;
}

durch das:

Code

a.portfolio-masonry-item {
   display:block;
   padding:10px;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Weis Schleier auf den Bildern

Jetzt mitmachen!