queue  1586
support custom
Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: several projects carrousel in same page [SOLVED]

  1. #1
    Junior Member
    Join Date
    Feb 2013
    Posts
    17

    several projects carrousel in same page [SOLVED]

    hello thank you very much,
    I'd just like to know how to put several PROJECTS CAROUSEL
    on the same page

    Thanks

  2. #2
    Junior Member
    Join Date
    Feb 2013
    Posts
    17
    is posible?

  3. #3
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    12,963
    Hi,

    no reason why not. Did you try just copying the carousel structure multiple times? Any errors on doing that?

  4. #4
    Junior Member
    Join Date
    Feb 2013
    Posts
    17
    If pressing next moves only one of the four corrusel project.
    Is a function?
    thanks

  5. #5
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    12,963
    I understand now.

    Check out my response in another thread: http://support.pixelentity.com/threa...ull=1#post3545

  6. #6
    Junior Member
    Join Date
    Feb 2013
    Posts
    17
    the best I've seen is this "http://themes.themepunch.com/?theme=showbizpro_jq" it's a shame that it will create not a function

  7. #7
    It is possible. You'll need to create a second function which resides in 'jquery.pixelentity.widgets.carousel.js' and target a different class:

    Code:
    (function($){var slider2;function clickHandler2(e){if(e.currentTarget.id==="carouselPrev2"){slider2.prev()}else{slider2.next()}return false}function addTarget2(){var target=$(this);slider2=target.parent().next(".carouselBox2");if(slider2.length>0){slider2.addClass("peVolo").wrapInner('<div class="peWrap"></div>')}target.delegate("a","click",clickHandler2);slider2=slider2.peVolo({api:true})}function check(target,controller){var t=target.find(".carousel-nav2");if(t.length>0){t.each(addTarget2);return true}return false}$.pixelentity.widgets.add(check)}(jQuery));
    Although it would be cool to call the function individually for each carouselBox with your own parameters.
    Last edited by activecontent; 06-03-2013 at 16:57.

  8. #8
    A good alternative which almost matches the same as used in Mentor template is Caroufredsel: http://caroufredsel.dev7studios.com/

    It's called for each carousel individually like below which allows you to place any number of carousels on a page. Really hope that pixelentity will take a look at this and maybe come up with a solution :-)


    Code:
    var portfolioRelatedItems = $("#portfolio-related-items");
                                    
                                    portfolioRelatedItems.carouFredSel({
                                        width: "100%",
                                        height: "auto",
                                        circular : false,
                                    	infinite : false,
                                        responsive: true,
                                    	auto : false,
                                        items : {
                                            width  : 200,
                                    		visible: {
                                    			min: 2,
                                    			max: 4
                                    		}
                                    	},
                                        scroll : {
                                            wipe : true
                                        },
                                        prev : {
                                    		button : "#related-portfolio-prev",
                                    		key : "left"
                                    	},
                                    	next : {
                                    		button : "#related-portfolio-next",
                                    		key : "right"
                                    	},
                                        onCreate : function () {
                                            $(window).on('resize', function(){
                                                portfolioRelatedItems.parent().add(portfolioRelatedItems).css('height', portfolioRelatedItems.children().first().outerHeight() + 'px');
                                            }).trigger('resize');
                                        }
                                    });

  9. #9
    Lead Coder Fabio's Avatar
    Join Date
    Aug 2011
    Posts
    1,880
    Please try this quick hack for multiple carousels support, a bit late here so didn't test extensively.
    Attached Files Attached Files
    My cave is full of servers

  10. #10
    Junior Member
    Join Date
    Feb 2013
    Posts
    17
    ohhh,
    I did not see, I do not get any mail. I will try it now!
    I tell you now
    Thanks!!!