Sliders met css zonder pijlen
echo "<link rel='stylesheet' href='";
bloginfo('template_directory');
echo "/diasinput.css' media='screen' />";
echo "<section class='mt mt_m br br_l'>";
$i = 1;
$args = array ( 'posts_per_page' => -1, 'cat' => 5, 'orderby' => 'title', 'order' => 'ASC' );
$myposts = get_posts( $args );
echo "<div id='homepage-slider' class='mt mt_s st-slider'>";
foreach( $myposts as $post ) : setup_postdata($post);
echo "<input type='radio' class='cs_anchor radio' name='slider' id='slide";
echo $i . "'/>";
$i++;
endforeach;
echo "<input type='radio' class='cs_anchor radio' name='slider' id='play1' checked=''/>";
echo "<div class='images'>";
echo "<div class='images-inner'>";
$i = 1;
foreach( $myposts as $post ) : setup_postdata($post);
$kleur = get_field('achtergrondkleur');
echo "<div class='image-slide'>";
echo "<div class='binnen_m image' style='background-color: " . $kleur;
echo ";'>Inhoud van dia " . $i . "</div>";
echo "</div>";
$i++;
endforeach;
echo "</div>";
echo "</div>";
echo "<div class='inputlabels'>";
$i = 1;
foreach( $myposts as $post ) : setup_postdata($post);
echo "<label for='slide" . $i;
echo "' class='inputlabel'>Bijschrift van dia " . $i . "</label>";
$i++;
endforeach;
echo "<div class='blk balk brr gat_s fake-radio'>";
$i = 1;
foreach( $myposts as $post ) : setup_postdata($post);
echo "<label for='slide" . $i;
echo "' class='radio-btn'></label>";
$i++;
endforeach;
echo "</div>";
echo "</div>";
echo "</div>";
echo "</section>";