Jump to content


This topic is now archived and is closed to further replies.


Custom Hook

Recommended Posts


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?

Share this post

Link to post
Share on other sites

  • 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."
    • 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
    • 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:
      Screenshot with iBlogPro5:
      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.
      I also posted the CSS-Customization for this Design at Nick Haskins Forum Section with Paglines:
      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.
    • finnes
      By finnes+
      Hi. there is a way to add action (trought hook) in better carousel - content-pad?
      i need add link text beside better carousel. www.semglutensemlactose.com.
      i dont know how.
      tks for any help.