Support » Plugin: Slideshow » Slideshow doesn't work

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Stefan Boonstra


    Hi Rob,

    I see you’ve set the ‘Avoid content filter’ setting to ‘No’ in your slideshow’s settings. Have you done this because ‘!slideshow_deploy!’ was showing?

    In your case, the plugin actually needs to avoid the content filter, as it puts HTML paragraph tags in the printed CSS. This causes the buttons to be unstyled and are therefore not visible.

    Best regards,

    Thanks for the very quick response, Stefan

    Yes, before it told ‘!slideshow_deploy!’ – is there a way to get it working?

    Plugin Author Stefan Boonstra


    If you’re planning on using the same styling for every slideshow on your website, you could copy the CSS from one of the default stylesheets and place it in the header of your website.

    For the ‘Light’ stylesheet, place this in your website’s <head></head> area:

    <style type="text/css">
    .slideshow_container { }
    .slideshow_container a { text-decoration: none; }
    .slideshow_container .slideshow_slide { margin-right: 2px; }
    .slideshow_container .slideshow_slide_text h2 { text-align: center; font-size: 1.3em; }
    .slideshow_container .slideshow_slide_text p { text-align: center; }
    .slideshow_container .slideshow_slide_image { }
    .slideshow_container .slideshow_slide_vieo { }
    .slideshow_container .slideshow_description { background: #000; width: 100%; }
    .slideshow_container .slideshow_description h2 { color: #fff; font-size: 1.3em; text-align: center; }
    .slideshow_container .slideshow_description p { color: #fff; text-align: center; }
    .slideshow_container .slideshow_transparent { filter: alpha(opacity = 50); opacity: 0.5; }
    .slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 80); opacity: 0.8; }
    .slideshow_container .slideshow_controlPanel {
    	width: 21px;
    	height: 21px;
    	margin-left: -11px;
    	background: #000;
    	border-radius: 2px;
    	-moz-border-radius: 10px;
    .slideshow_container .slideshow_controlPanel ul { }
    .slideshow_container .slideshow_controlPanel ul li {
    	margin: 3px;
    	width: 15px;
    	height: 15px;
    .slideshow_container .slideshow_controlPanel ul li:hover { }
    .slideshow_container .slideshow_play {
    	background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') 0 0 no-repeat;
    .slideshow_container .slideshow_pause {
    	background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') -15px 0 no-repeat;
    .slideshow_container .slideshow_button {
    	margin-top: -20px;
    	height: 40px;
    	width: 19px;
    	background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat;
    .slideshow_container .slideshow_previous { }
    .slideshow_container .slideshow_next {
    	background-position: -19px 0;
    .slideshow_container .slideshow_pagination { bottom: 16px; }
    .slideshow_container .slideshow_pagination_center {	}
    .slideshow_container .slideshow_pagination .slideshow_currentView {
    	filter: alpha(opacity = 80);
    	opacity: 0.8;
    .slideshow_container .slideshow_pagination ul { }
    .slideshow_container .slideshow_pagination ul li {
    	margin: 0 2px;
    	width: 11px;
    	height: 11px;
    	background: url('%plugin-url%/images/SlideshowPlugin/light-bullet.png');

    woohoooooo it works. you’re the man. now I just have to do some smaller detail-things.
    thanks a lot! 🙂

    Hi Stefan, just put the latest update of your plugin on a website I’m making and now it won’t show up in internet explorer 9?

    Works fine in Google Chrome, any ideas what I need to do to fix it?

    It should appear on this home page.



    Plugin Author Stefan Boonstra


    Hi (other) Rob,

    I’m not sure what may have caused that to happen, but I see you’ve returned to the previous version of the slideshow plugin.

    Best regards,

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Slideshow doesn't work’ is closed to new replies.