function cs_flex_slider($width, $height, $slider_id)
{
global $cs_node, $cs_theme_option, $cs_counter_node;
$cs_counter_node++;
if ($slider_id == '') {
$slider_id = $cs_node->slider;
}
if ($cs_theme_option['flex_auto_play'] == 'on') {
$auto_play = 'true';
} else {
if ($cs_theme_option['flex_auto_play'] == '') {
$auto_play = 'false';
}
}
$cs_meta_slider_options = get_post_meta("{$slider_id}", "cs_meta_slider_options", true);
?>
<!-- Flex Slider -->
<div id="flexslider<?php
echo $cs_counter_node;
?>
">
<div class="flexslider" style="display: none;">
<ul class="slides">
<?php
$cs_counter = 1;
$cs_xmlObject_flex = new SimpleXMLElement($cs_meta_slider_options);
foreach ($cs_xmlObject_flex->children() as $as_node) {
$image_url = cs_attachment_image_src($as_node->path, $width, $height);
?>
<li>
<figure>
<img src="<?php
echo $image_url;
?>
" alt="">
<?php
if ($as_node->title != '' && $as_node->description != '' || $as_node->title != '' || $as_node->description != '') {
?>
<figcaption>
<div class="container">
<?php
if ($as_node->title != '') {
?>
<h2 class="colr">
<?php
if ($as_node->link != '') {
echo '<a href="' . $as_node->link . '" target="' . $as_node->link_target . '">' . $as_node->title . '</a>';
} else {
echo $as_node->title;
}
?>
</h2>
<?php
}
?>
<?php
if ($as_node->description != '') {
?>
<p>
<?php
echo substr($as_node->description, 0, 220);
if (strlen($as_node->description) > 220) {
echo "...";
}
?>
</p>
<?php
}
?>
</div>
</figcaption>
<?php
}
?>
</figure>
</li>
<?php
$cs_counter++;
}
?>
</ul>
</div>
</div>
<?php
cs_enqueue_flexslider_script();
?>
<!-- Slider height and width -->
<!-- Flex Slider Javascript Files -->
<script type="text/javascript">
jQuery(document).ready(function(){
var speed = <?php
echo $cs_theme_option['flex_animation_speed'];
?>
;
var slidespeed = <?php
echo $cs_theme_option['flex_pause_time'];
?>
;
jQuery('#flexslider<?php
echo $cs_counter_node;
?>
.flexslider').flexslider({
animation: "<?php
echo $cs_theme_option['flex_effect'];
?>
", // fade
slideshow: <?php
echo $auto_play;
?>
,
slideshowSpeed:speed,
animationSpeed:slidespeed,
prevText:"<em class='fa fa-long-arrow-left'></em>",
nextText:"<em class='fa fa-long-arrow-right'></em>",
start: function(slider) {
jQuery('.flexslider').fadeIn();
}
});
});
</script>
<?php
}
function classified_gallery_slider($images)
{
$cs_post_counter = rand(40, 9999999);
?>
<!-- Flex Slider -->
<div id="slider-<?php
echo esc_attr($cs_post_counter);
?>
" class="flexslider cs-loading">
<ul class="slides">
<?php
foreach ($images as $attachment_id => $source) {
$medium_size = wp_get_attachment_image_src($attachment_id, 'cs_media_1')[0];
echo '<li>';
echo '<figure>';
echo '<a href="' . $source . '" rel="prettyPhoto[gallery]">';
echo '<img src="' . $medium_size . '">';
echo '</a>';
echo '</figure>';
echo '</li>';
}
?>
</ul>
</div>
<div id="carousel-<?php
echo esc_attr($cs_post_counter);
?>
" class="flexslider property-carousel">
<ul class="slides">
<?php
foreach ($images as $attachment_id => $source) {
$thumb_size = wp_get_attachment_image_src($attachment_id)[0];
echo '<li>';
echo '<figure>';
echo '<img src="' . $thumb_size . '">';
echo '</figure>';
echo '</li>';
}
?>
</ul>
</div>
<!-- Flex Slider Javascript Files -->
<script type="text/javascript">
jQuery(window).load(function() {
// The slider being synced must be initialized first
var target_flexslider = jQuery('#slider-<?php
echo esc_attr($cs_post_counter);
?>
');
jQuery('#carousel-<?php
echo esc_attr($cs_post_counter);
?>
').flexslider({
animation: "slide",
controlNav: true,
smoothHeight : true,
animationLoop: false,
slideshow: false,
itemWidth: 65,
itemMargin: 5,
asNavFor: '#slider-<?php
echo esc_attr($cs_post_counter);
?>
'
});
jQuery('#slider-<?php
echo esc_attr($cs_post_counter);
?>
').flexslider({
animation: "slide",
controlNav: false,
smoothHeight : true,
animationLoop: false,
slideshow: false,
sync: "#carousel-<?php
echo esc_attr($cs_post_counter);
?>
",
start: function(slider) {
target_flexslider.removeClass('cs-loading');
}
});
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<?php
if (class_exists('wp_directory')) {
wp_directory::cs_prettyPhoto_scripts();
} elseif (function_exists('cs_enqueue_flexslider_script')) {
cs_enqueue_flexslider_script();
}
?>
<?php
}
