-
Notifications
You must be signed in to change notification settings - Fork 0
/
slider.php
65 lines (40 loc) · 1.31 KB
/
slider.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<?php
$args = array(
'post_type' => 'post',
'posts_per_page' => 5
);
$home_work_posts = new WP_Query( $args );
if ( $home_work_posts->have_posts() ) : ?>
<div class="hero-header ">
<?php while ( $home_work_posts->have_posts() ) : $home_work_posts->the_post() ?>
<div class="slick-slide">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> <?php the_title(); ?> </a>
<?php if (has_post_thumbnail()) : ?>
<?php
$imgdata = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID ), 'hero-header' );
$imgwidth = $imgdata[1];
$wanted_width = 1600;
?>
<?php if ( $imgwidth >= $wanted_width ) : ?>
<?php default_image('hero-header');?>
<?php else: ?>
<?php default_image('hero-header');?>
<?php endif; ?>
<?php endif; ?>
</div> <!-- slick-slide -->
<?php endwhile ?>
<script>
$(document).ready(function(){
$('.hero-header').slick({
setting-name: autoplay,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
});
</script>
</div><!-- hero-header-->
<?php else : ?>
<h2>Ooops, no posts here!</h2>
<?php endif; wp_reset_query(); ?>