Jump to content
Sign in to follow this  

Better carousel

Recommended Posts


I have just bought better carousel and the multiple category feature is just what I needed. However, I seem to have lost a few options that I had in the carousel section.


I would like to specify (as before) to display 4 images at a time and it scroll through 10 moving along 3 at a time.


I now only have the option to put in 'items to show'. When I put in 4 it only displays 4 items, does not scroll and the images are bunched up to the left.




Is there a way I can control this and I would like the images to spread out evenly across the page.


Very grateful if you could help?





Share this post

Link to post
Share on other sites

Hi Nikki,


The Better Carousel is a third party section for PageLines Framework. Therefore, we are unable to provide support, I have however, moved your topic to the correct forum.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

Im' afraid theres no controls to "display 4 images at a time and it scroll through 10 moving along 3 at a time".

Something big is coming for DMS + photographers.



Nick Haskins & CO - New home for all of my PageLines Store products! 



Better DMS - News, Tutorials, and Tips



Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • meanmcbean
      By meanmcbean
      Hi Nick, I downloaded the DMS version of Better Carousel from my launchpad.  After I activated the NextGen plugin, the Better Carousel section says the NextGen gallery has to be installed and activated.  I created a few test galleries and images and put the proper ID's in the configuration, but it keeps telling me the plugin needs to be installed and activated.  Am I downloading the correct thing?  The  correct plugin?  The plugin I installed and activated is "NextGEN Gallery by Photocrati."
    • icecast
      By icecast
      hi, do you have any suggestions on how i would hook in a music playlist so that instead of streaming out text with an mp3 link, the player would stream an image with an mp3 link to better carousel?
    • ddyer
      By ddyer
      The Better Carousel is not working on DMS,  it wont load the content. Ive copied same im using same settings from old PL Frame work. Any advice to get this working again in DMS.
    • Tang
      By Tang
      Hi Nick,

      want to share my customization work for wonderful Better-Carousel to integrate beautifully into iBlogPro5 plus adding two suggestions and wishes for the product to make the better even better

      First of all: unfortunately out of the box iBlogPro5 will overwrite Better-Carousel if you have an activated iAccordion-Section because of a jQuery-conflict! Using the Framework only - no problem.
      This was reported and solved in the following topic:
      Better-Carousel needs a proper working jQuery for its responsive design! For a shortcut I pasted the solution part of the threat in here:
      * * *
      »To be more specific:  jQuery UI 1.8.16 - from iAccordion seems to be causing a conflict with jQuery FlexSlider v2.1 in Better-Carousel.
      My solution was: erasing  jQuery UI 1.8.16 in pagelines-iblogpro5 > sections > iaccordion > jquery.ui.accordion.js
      And don't touch the parts: jQuery UI Widget 1.8.16 and jQuery UI Accordion 1.8.16 ! They seem to be responsible to have a working accordion widget in the sidebar.
      I'm not a pro and I was just playing around with that, but this gave me a working Accordion-Widget + the Better-Carousel working like default and untouched.
      Please note: Editing directly in the core will be overwritten with future updates - so whenever you install a iBlogPro5-Update - you might have to redo this work! «
      * * *
      1. Suggestion - images should not be cut scrolling to the next set of images - two screenshots show what I mean:

      1st screenshot shows the layout and design of the first set of images in the carousel - perfectly fitting into the box.


      2nd screenshot shows the images being cut after scrolling to the next image sets. I would prefer they would neatly fill the space and not be cutted - behaving like in the pagelines carousel!

      2. Suggestion - It would be nice if you could add the text-blend-in effect on <hover> like in the pagelines carousel as an option. Would look great, I think.

      So here is my Customization-CSS from the screenshots above for anybody who wants to add Better Carousel to iBlogPro5 and play around with it - enjoy:
      /* BETTER CAROUSEL (Margins, Shadows etc.) */ .better-carousel .slides li, .better-carousel.better-clone .slides li { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); margin: 1px 0px 3px 1px; padding: 3px; } #better-carousel li { margin-right: 14px; } /* BETTER CAROUSEL (Box etc.) */ .better-carousel, .better-carousel.better-clone { background-color: #FAFAFA; background-image: -moz-linear-gradient(center top , #FFFFFF, #F2F2F2); background-repeat: repeat-x; border: 1px solid #FFFFFF; border-radius: 4px 4px 4px 4px; padding: 20px 20px 5px; text-shadow: 0 1px 0 #FFFFFF; border-color: #E4E4E4 #CCCCCC #BBBBBB; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #CCCCCC; } .better-control-nav { margin-top: 5px; } /* BETTER CAROUSEL (Navigation Buttons) */ .better-control-paging li a { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #E7E9EC; border-radius: 12px 12px 12px 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2); color: rgba(0, 0, 0, 0.4); display: inline-block; font-size: 12px; line-height: 20px; } /* BETTER CAROUSEL (Titelbox Adjustments) */ .better-carousel-item-title { height: 65px; margin-right: : -4px; padding: 5px; background: none; box-shadow: inherit; line-height: 15px; } /* BETTER CAROUSEL (Text istance to image (-) values bringing text into the image and overlay) */ .better-carousel .slides li img, .better-carousel.better-clone .slides li img { display: block; margin-bottom: 0px; } Aloha - Tang