Load images from native gallery in slider WordPress

timDesain Nanang answers:

try the follow code to override native gallery with bxslider, then insert the gallery's shortcode into page/post


add_filter('use_default_gallery_style', '__return_false');
add_filter('post_gallery', 'wpq_wp_gallery', 1, 2);
function wpq_wp_gallery($empty, $attr){
$post = get_post();

if( ! empty( $attr['ids'] ) ) {
if( empty( $attr['orderby'] ) ) $attr['orderby'] = 'post__in';
$attr['include'] = $attr['ids'];
}

if( isset( $attr['orderby'] ) ) {
$attr['orderby'] = sanitize_sql_orderby( $attr['orderby'] );
if( !$attr['orderby'] ) unset( $attr['orderby'] );
}

extract(shortcode_atts(array(
'order' => 'ASC',
'orderby' => 'menu_order ID',
'id' => $post ? $post->ID : 0,
'captiontag' => '',
'include' => '',
'exclude' => '',
'columns' => '1'
), $attr, 'gallery'));


$id = intval($id);
if( 'RAND' == $order ) $orderby = 'none';

if( !empty($include) ) {
$_attachments = get_posts( array(
'include' => $include,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image',
'order' => $order,
'orderby' => $orderby
) );

$attachments = array();
foreach ( $_attachments as $key => $val ) {
$attachments[$val->ID] = $_attachments[$key];
}
}
elseif( !empty($exclude) ) {
$attachments = get_children( array(
'post_parent' => $id,
'exclude' => $exclude,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image',
'order' => $order,
'orderby' => $orderby
) );
}
else {
$attachments = get_children( array(
'post_parent' => $id,
'post_status' => 'inherit',
'post_type' => 'attachment',
'post_mime_type' => 'image',
'order' => $order,
'orderby' => $orderby
) );
}

if( empty($attachments) )
return '';

if( is_feed() ) {
$output = "\n";
foreach ( $attachments as $att_id => $attachment )
$output .= wp_get_attachment_link($att_id, $size, true) . "\n";
return $output;
}

$output = '';
$output .= '<ul class="bxslider">';
foreach ( $attachments as $att_id => $attachment ) {
$output .= '<li><img src="'.wp_get_attachment_url( $att_id ).'" title="'.esc_attr($attachment->post_title).'" /></li>';
}
$output .= '</ul>';

return $output;
}

add_action('wp_enqueue_scripts', 'wpq_scripts_bxslider' , 999);
function wpq_scripts_bxslider() {
wp_enqueue_style('bxslider-css', 'http://bxslider.com/lib/jquery.bxslider.css', '', '4.1.2', true);
wp_enqueue_script('bxslider-js', 'http://bxslider.com/lib/jquery.bxslider.js', array('jquery'), '4.1.2', true);
}

add_filter('wp_footer', 'wpq_footer_bxslider', 9999);
function wpq_footer_bxslider() {
?>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.bxslider').bxSlider({
mode: 'fade',
captions: true
});
});//jQuery(document)
</script>
<?php
}


---

---

---

---