WordPress.org

Ready to get started?Download WordPress

Forums

Carousel Horizontal Posts Content Slider
[resolved] [closed] prev and next not working (8 posts)

  1. daroltidan
    Member
    Posted 1 year ago #

    This plugin is great and works perfectly for me but the prev and next links don't work.. it always goes to # (this being the href)

    custom.js:

    jQuery(document).ready(function($) {
    
    	$("#foo1").carouFredSel({
    		auto : true,
    		prev : "#foo1_prev",
    		next : "#foo1_next"
    	});
    });
    
    carousel shortcode:
    
    function Carousel_shortcode() {
        global $wpdb;
        $displayimage = get_option('tchpcs_displayimage');
        $word_imit = get_option('tchpcs_word_limit');
        $qp_showposts = get_option('tchpcs_query_posts_showposts');
        $qp_orderby = get_option('tchpcs_query_posts_orderby');
        $qp_order = get_option('tchpcs_query_posts_order');
        $qp_category = get_option('tchpcs_query_posts_category');
    
        //Image slider
        global $post;
    
        $slider_gallery.= '<div class="image_carousel">';
        $slider_gallery.='<div id="foo1">';
    
        $args = array('numberposts' => $qp_showposts, 'category' => $qp_category, 'order' => $qp_order, 'orderby' => $qp_orderby);
        $myposts = get_posts($args);
        foreach ($myposts as $post) {
    
            $post_title = $post->post_title;
            $post_link = get_permalink($post->ID);
            $post_content = $post->post_content;
            $displaydesc = $word_imit;
    
            $slider_gallery.= '<div id="foo_content">';
    
            if ($displayimage == "YES") {
                if (has_post_thumbnail($post->ID)):
                    $featured_img = get_the_post_thumbnail($post->ID, 'thumbnail');
                endif;
                $slider_gallery.= '<a href="' . $post_link . '">' . $featured_img . '</a>';
            }
    
            $slider_gallery.= '<p><span class="foo_con">' . tchpcs_clean($post_content, $displaydesc) . ' [...]</span></p>';
    
            $slider_gallery.= '<span class="more"><a href="' . $post_link . '">read more</a></span>';
            $slider_gallery.= '</div>';
        }
    
        $slider_gallery.='</div>';
        $slider_gallery.='<div class="clearfix"></div>';
        $slider_gallery.='<a href="#"><span>prev</span></a>';
        $slider_gallery.='<a href="#"><span>next</span></a>';
        $slider_gallery.='</div>';
    
        return $slider_gallery;
    }

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

    http://wordpress.org/extend/plugins/carousel-horizontal-posts-content-slider/

  2. Umo2net
    Member
    Posted 10 months ago #

    I'm also having the same issue. Next and Previous arrows not working. How can I make it scroll when the button is clicked.

    Thank you

  3. Ivan
    Member
    Posted 10 months ago #

    Hi I have the same issue, but it occurs when I try to set other than 150px width on #foo_content

  4. subhansanjaya
    Member
    Plugin Author

    Posted 9 months ago #

    Please, replace the code in custom.js file with the following code.

    jQuery(document).ready(function($) {
    	$('#foo1').carouFredSel({
    		scroll	: 1000,
    		circular: true,
    		//infinite: false,
    
    	auto	: false,
    		prev 	: {
    			button	: '#foo1_prev',
    			key		: 'left'
    		},
    		next 	: {
    			button	: '#foo1_next',
    			key		: 'right'
    		}
    	});
    });
  5. pvnaves
    Member
    Posted 6 months ago #

    Still did not work...

  6. Ivan
    Member
    Posted 6 months ago #

    I have solved this, a day after I wrote. Unfortunately I don't remeber what was the exact solution, as far as I remember it was something with changing the CSS, but don't remember the exact thing I did. Hope it is some direction, perhaps with the position of some of the elements.

  7. knollko
    Member
    Posted 6 months ago #

    I've tried change the code as is written here, but none of it works for me. I'm runnig last version of WP. The arrow are not showing with the default plugin. When I changed custom.js as subhansanjaya wrote, nothing has changed. When I use code that daroltidan wrote, the arrows appears but they are not working. I really need a hand with this as I hardly understand JS :/

    Any suggestions please?

  8. amplified2
    Member
    Posted 6 months ago #

    OK, I put this code

    jQuery(document).ready(function($) {
    	$('#foo1').carouFredSel({
    		scroll	: 1000,
    		circular: true,
    		//infinite: false,
    
    	auto	: false,
    		prev 	: {
    			button	: '#foo1_prev',
    			key		: 'left'
    		},
    		next 	: {
    			button	: '#foo1_next',
    			key		: 'right'
    		}
    	});
    });

    in carousel-horizontal-posts-content-slider/inc/custom.js as instructed. I also changed
    $args = array( 'numberposts' => $qp_showposts, 'category' => $qp_category, 'order'=> $qp_order, 'orderby' => $qp_orderby );
    to
    $args = array( 'numberposts' => $qp_showposts, 'category' => $qp_category, 'order'=> $qp_order, 'orderby' => $qp_orderby, 'post_type' => 'any' );
    in carousel-horizontal-posts-content-slider/carousel-horizontal-posts-content-slider.php as you mentioned in another thread. Still my buttons do not work (when I can get them to show.) I think this is a common problem and would really appreciate some help.
    site is http://nstnet.redhorsesolutions.com/
    working on getting a newsfeed that pulls excerpts from posts without images and this seems to be the only plugin I can find that will accomplish this.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic