home-slider.php

<?php
$wl_theme_options = weblizar_slideshow_options();
$autoPlay= $wl_theme_options['home_slider_auto_play']=="on" ? 1 : 0; ?>
<script>
jQuery.Slitslider.defaults = {
    // transitions speed
    speed : <?php echo $wl_theme_options['home_slide_show_speed'];?>,
    // if true the item's slices will also animate the opacity value
    optOpacity : false,
    // amount (%) to translate both slices - adjust as necessary
    translateFactor : 230,
    // maximum possible angle
    maxAngle : 25,
    // maximum possible scale
    maxScale : 2,
    // slideshow on / off
    autoplay : <?php echo $autoPlay; ?>,
    // keyboard navigation
    keyboard : true,
    // time between transitions
    interval : <?php echo $wl_theme_options['home_slideshow_interval'];?>,
    // callbacks
    onBeforeChange : function( slide, idx ) {
        return false;
    },
    onAfterChange : function( slide, idx ) {
        return false;
    }
};
</script>
<div id="slider" class="sl-slider-wrapper tp-banner-container">
    <div class="sl-slider fullwidthbanner rslider tp-banner"><?php
        $args = array('post_type' => 'creative_slider','posts_per_page'=> -1 );
        $f_query = new WP_Query($args);
        if($f_query->have_posts()){
            $i=1;
            while ($f_query->have_posts()) : $f_query->the_post();
            if ($i % 2 == 0){ $orientation = 'horizontal';  }
            else { $orientation = 'vertical'; } ?>
            <div class="sl-slide" autoplay="true" data-orientation="<?php echo $orientation; ?>" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                <div class="sl-slide-inner">
                    <?php if(has_post_thumbnail()): ?>
                    <?php $defalt_arg =array('class' => "bg-img creative-img-responsive");
                    the_post_thumbnail('',$defalt_arg); ?>
                    <?php endif; ?>
                    <h2><?php echo the_title(); ?></h2>
                    <blockquote><p><?php echo wp_trim_words(esc_attr(get_post_meta( get_the_ID(), 'slider_description', true )),10,''); ?></p>
                    <?php if(get_post_meta( get_the_ID(), 'slider_btn_text', true )){ ?>
                    <a href="<?php echo esc_attr(get_post_meta(get_the_ID(),'slider_link','true')); ?>" <?php if(get_post_meta(get_the_ID(),'newtab',true)){ echo "target='_blank'"; } ?> >
                    <cite class="slider-button"><?php echo esc_attr(get_post_meta( get_the_ID(), 'slider_btn_text', true )); ?></cite></blockquote>
                    </a>
                    <?php } ?>
                </div>
            </div><?php $i++;
          endwhile;
        }else{ ?>
        <div class="sl-slide" autoplay="true" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
            <div class="sl-slide-inner">
                <img src="<?php echo esc_url(get_template_directory_uri()); ?>/img/slider/2.jpg" class="bg-img" alt="Creative_Image" />
                <h2><?php _e('Regula aurea.', 'creative'); ?></h2>
                <blockquote><p><?php _e('Until he extends the circle of his compassion to all living things, man will not himself find peace.','creative'); ?></p><cite><?php _e('Albert Schweitzer', 'creative'); ?></cite></blockquote>
            </div>
        </div>

        <?php } ?>
    </div><!-- /sl-slider -->
    <nav id="nav-arrows" class="nav-arrows">
        <span class="nav-arrow-prev">Previous</span>
        <span class="nav-arrow-next">Next</span>
    </nav>
    <nav id="nav-dots" class="nav-dots"><?php
        if($f_query->post_count > 0 ){
            for($i=0;$i<$f_query->post_count;$i++){ ?>
                <span <?php echo $i==0 ? 'class="nav-dot-current"' : ""; ?>></span> <?php
            }
        }else{
            for($i=0; $i<3; $i++) { ?>
                <span <?php echo $i==0 ? 'class="nav-dot-current"' : ""; ?>></span><?php
            }
        } ?>
    </nav>
</div><!-- /slider-wrapper -->
<?php //} ?>