celiadee
Mitglied
Guten Morgen,
ich bastle mir gerade dieses Online-Portfolio :
http://www.linienführung.net
Die Bilder (thumbnails) liegen hier drin:
Das CSS für die box sieht so aus:
Nun möchte ich, dass die Thumbails beim Start der Seite schwarz sind, sobald man dann ein Bild angeklickt oder in der Navigation die Bilder sortiert hat, sollen alle Bilder sichtbar sein.
Wer kann mir auf die Sprünge helfen? Kann ich im PHP-Dokument mit 'onload' des CSS ansprechen?
Lieben Dank,
Celiadee
ich bastle mir gerade dieses Online-Portfolio :
http://www.linienführung.net
Die Bilder (thumbnails) liegen hier drin:
PHP:
<!-- Box -->
<div class="box <?php
foreach((get_the_category()) as $category) {
echo $category->category_nicename .' ';
} ?> fltlft">
<a class="blog_view" href="<?php the_permalink(); ?>"><?php echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' ); ?>
<span class="blog_info"><?php the_title(); ?></span>
</a>
</div>
<!-- End Box -->
Das CSS für die box sieht so aus:
Code:
.box{width:auto; height:auto; margin:10px 10px 0 0; }
.box .blog_view{width:auto; height:auto; position:relative; display:block; }
.box .blog_view .blog_info{display:none; position:absolute; top:0px; left:0px; width:100%; background-color:#000; height:auto; font-size:13px; font-weight:400; color:#fff; text-align:center; cursor:pointer}
.box:hover .blog_view .blog_info{ -webkit-transition-property: all; -webkit-transition-timing: 0.3s;}
.box .blog_view:hover .blog_info{display:block;}
Nun möchte ich, dass die Thumbails beim Start der Seite schwarz sind, sobald man dann ein Bild angeklickt oder in der Navigation die Bilder sortiert hat, sollen alle Bilder sichtbar sein.
Wer kann mir auf die Sprünge helfen? Kann ich im PHP-Dokument mit 'onload' des CSS ansprechen?
Lieben Dank,
Celiadee