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 }