WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Slideshow doesn't work (7 posts)

  1. Robdead
    Member
    Posted 1 year ago #

    hej,
    today i installed the plugin to create a slideshow…after configuring everything it just shows the first slide, but no navigation to get to the next slides. automatic slides are turned off, so there should be a navigation, but there isn't…

    can anyone help? would be great…

    the page the slideshow appears is http://nbhap.com/22791 (the livepicture in the middle should be the slideshow)

    thanks in advance,
    Rob

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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,
    Stefan

  3. Robdead
    Member
    Posted 1 year ago #

    Thanks for the very quick response, Stefan

    Yes, before it told '!slideshow_deploy!' - is there a way to get it working?

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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');
    }
    </style>
  5. Robdead
    Member
    Posted 1 year ago #

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

  6. phoenixmpltd
    Member
    Posted 1 year ago #

    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.

    http://www.yourfc.co.uk

    Thanks

    Rob

  7. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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,
    Stefan

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.