Jump to content
Sign in to follow this  
invisioning

Better Carousel Section

Recommended Posts

invisioning    3
invisioning

Having some issues with the full width of the image showing.

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

Yup so some of your images are only 150px wide. The carousel thumbs are like 175. I purposefully didn't put a max width in because you can adjust this with an option in the settings, and plus didn't want stretched images. Make your pictures bigger, or make the thumbs smaller.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

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

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
invisioning    3
invisioning

I'm noticing that one graphic alone is looking right. 

Do all the graphics for the better carousel need to be a certain aspect ratio and size?

Share this post


Link to post
Share on other sites
invisioning    3
invisioning

I'm finding that if I make the graphics over 150px, they get cut off on the ends.

Is there a way to make the graphic sections not square and more of a wide rectangle?  I'd like to not take up so much vertical space. 

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

It's kind of "built for the masses" but you can definitely do that with a bit of CSS. Or you can apply width:100% to that img element in the carousel.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

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

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
invisioning    3
invisioning

What is the post offset intended to do?
I make changes to this field however; nothing apparent happens.

Share this post


Link to post
Share on other sites
invisioning    3
invisioning

Is there a way to have all the posts in the selected category show and just keep scrolling by?  Seems to be a maximum allowed amount of posts to show that cannot be controlled.

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

Sorry about that, just pushed out an update to remove the default I had in place. Better Carousel is now at 1.0.2.

 

The offset option only works when used with posts, and will by pass over whatever number you put in there. So if you wanted to skip the first 2 posts from a category, you'd put 2 in there.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

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

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
invisioning    3
invisioning

Cool. Thanks Nick.

Makes a big difference!  Appreciate the time and effort you've put into this.

Brandon

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.
       
       
      Thanks 
       
      Daryl
    • 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:
       
      http://www.pagelines.com/forum/topic/26695-iblogpro5-overwrites-better-carousel/?p=155821
       
      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:
      http://www.screencast.com/t/UO6RPwwVemui

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

      http://www.screencast.com/t/ns8WbbbbUu05

      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
    • Tang
      By Tang
      Better-Carousel from Nick Haskins as an alternative responsive carousel section perfectly integrates with the framework. Editing underlying Flexslider2 parameters in the corresponding better-carousel > section.php works perfectly to adjust section behavior.
       
      But when switching to iBlogPro5 things change! At first sight you will see the thumbnails of the better-carousel jump to full 100% size. The width, adjusted in Better-Carousel to 125px is somehow overwritten or not loaded.
       
      Screenshot Framework only:
       
      http://www.screencast.com/t/gddLXB1nxAj
       
      Screenshot with iBlogPro5:
       
      http://www.screencast.com/t/nLcqIpucOJU
       
      Trying to find the reason, please help!
       
      And yes, I did an almost complete customization of better-carousel fitting perfectly into the design of iBlogPro5.
       
      http://www.screencast.com/t/UO6RPwwVemui
       
      I also posted the CSS-Customization for this Design at Nick Haskins Forum Section with Paglines:
       
      http://www.pagelines.com/forum/topic/26655-better-carousel-customized-for-iblogpro5/
       
      Everything seemed to be perfect simply putting the correct width into Custom CSS (125px). But that was only CSS-cosmetics. Something in the background - coming from iBlogPro5 - changed mor than this. Later I figured out: parts of the Flexslider2.js don't work correctly with iBlogPro5 or may not load at all. Eiting parameters in the corresponding better-carousel > section.php has no more influence on the behavior or appearance (it did with framework only). And yes, I tested without the Custom-CSS of course.
       
       
       
       
       
       
       
×