Using a third party slideshow part in NetCommunity

We are in the process of transferring one of our website from its hand-coded iteration into NetCommunity. Currently we have an account with a third-party – Slideshow Pro - where images are uploaded to their site to create a new ‘album’. A piece of javascript is added to the page to call the player. This third party offers a multitude of customisable options: Width, Height, Enable gallery browsing, Media player appearance, Automatically start playing videos, Slide duration, Looping, Scaling, Transition style, Caption appearance, Caption elements, Background colour, Background alpha, Media player background colour, Media player background alpha, Caption player background colour and Caption text colour. By using a third party, paid-for solution we know they are continuing to develop the product for their customer base. The NetCommunity part has poor presentation (using tables) and while the CSS may be worked to improve the look, it’s a lot of effort to achieve results we can get out-of-the-box with slideshow pro. Finally, should we want to use the slideshow on multiple sites (such as those that have a main site and an alumni site) we can enter the content (images and captions) once for slideshow pro and re-use the code. If we used the NetCommunity part we’d have to re-enter the content for other sites. Ideally, having a user-friendly front-end part to slideshow pro would give other users the flexibility to use a quality product.
  • Guest
  • Jun 29 2015
  • Attach files
  • Chris Kastner commented
    February 22, 2016 22:33

    Hi Christopher,

    I've actually set up something like this before using a Custom Content part in BBNC... it uses Slick Slider and essentially is built from just javascript, css and html code.  It includes ability to add slides, re-order them, upload images, add captions, and link slides to pages.

    To set this up, just go to Administration > Custom Parts, and add a New Custom Content part.  Give the part a name, e.g. "Slick Slider", put the word "construct" in the function to run at load field, and paste in the content from edit.html from the attached zip file into the 'editor' box, and display.html into the 'display' box.  Save the part, then you should be able to go through and add the part to a page.

    It doesn't include all of the options you require, e.g. videos - but if you have access to a developer it's likely you could use my code as a starting point and rework it to fit the slider plugin you're wanting to use.

    There is some base css on the part pulled from Slick Slider, but if you did need more than that you can add that to your main stylesheet.  You will at least need to add some style to format the text overlays, radio buttons, etc.

    Here's a sample of the back-end options: http://bbp.wiki/slick.png

    Cheers,
    Chris

  • +3