Ich habe um Google suchen und verschiedene WP-Plugins zu testen, aber ich kann nicht finden, dass speziell das tut, was ich brauche es.Wordpress Slider Plugin, das wie ein Förderband dreht sich kontinuierlich
Ich suche einen Schieber, der Beiträge, Seiten und/oder Bilder als Förderband tun würde, drehen kann. Bis jetzt ist das nächste, was ich finden kann, ein One-Post-In-One-Post-Out-System.
Ich bin zu versuchen, bereit, einen Schieber zu schaffen, ich aber mein JS Wissen sehr schlecht ist. Ich fühle mich, als ob ich kann nur eine sehr kleine Einstellung anpassen muß, dies zu erreichen, aber ich habe etwas von einer Mauer getroffen.
Jede Hilfe würde sehr geschätzt werden.
<div class="slideshow">
<?php $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');?>
<div class="slide first" style="background-image: url('<?php echo $thumb['0'];?>')">
<?php the_title(); ?>
</div>
<?php $slideshowPosts = new WP_Query('showposts=10&orderby=rand&posts_per_page=5');
if ($slideshowPosts -> have_posts()):
while ($slideshowPosts -> have_posts()) : $slideshowPosts -> the_post(); ?>
<!-- instruction -->
<?php $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');?>
<div class="slide rest" style="background-image: url('<?php echo $thumb['0'];?>')">
<?php the_title(); ?>
</div>
<!-- end instruction -->
<?php endwhile;
else :
echo '<p>No content found</p>';
endif;
wp_reset_postdata(); ?>
</div>
.slideshow {
height:240px;
overflow:hidden;
height:240px;
width:3200px;
}
div.slide {
height:240px;
width:400px;
float:left;
}
.rest {
-webkit-animation: bannermove 30s linear infinite;
animation-delay: 5s;
-webkit-transition: all 0.5s ease;
}
.first {
-webkit-animation: bannermove 30s linear infinite;
}
@-webkit-keyframes "bannermove" {
0% {margin-left: 0px;}
100% {margin-left: -2125px;}
}
Sehen Sie dieses Beispiel https://divisoup.com/image-carousel-demo/ –
ich diese https://jsfiddle.net/wb28eeh2/1/ gefunden ganz in der Nähe, was ich denn so bin auf der Suche Ich möchte divs anstelle von Bildern verwenden und ich kann es überhaupt nicht zur Arbeit bringen .... nicht sicher, wie man meinen html/css bekannt gibt –