SPDM Shortcode Slider Multisite
[resolved] Variable Image Size and Thumbnail on Top (7 posts)

  1. pixieblitz
    Posted 2 years ago #

    Hi! First of all, this plugin is AMAZING and thank you so much!

    I'm setting up a network for a few comics some friends are drawing, each with their own site, and this is a great way to have them all featured on the main website as well. My only problem is that the graphics are all different heights, and they get cut off vertically in the slider. Also, given the various heights, it would be really nice to be able to display the thumbnails as a navigation aid at the top, so you wouldn't have to hunt for them however far down they end up.

    I'm thinking of jumping into the plugin php code to see if I can move the thumbnail display and possibly just setting the height of the slider to the maximum height used for any comic, and leaving it to show up as blank space when shorter comics are showing... BUT if there's a better way to do this I'd appreciate any suggestions or hints!

    THANK YOU!!!


  2. pixieblitz
    Posted 2 years ago #

    Basically if there is ANY way to make it do the same thing this slider is doing? It's way over my head, but since the point of the plugin is to pull content from various sites it may be useful to others as well to have the ability to allow for various dimensions.

    Again, thank you for reading and any help is very much appreciated!

  3. pixieblitz
    Posted 2 years ago #

    The link I tried to post above doesn't seem to be showing up... Trying again. http://webbies.dk/assets/files/SudoSlider/package/demos/autoheight.html

  4. pixieblitz
    Posted 2 years ago #

    Update: I got the thumbnails where I wanted them by moving the code that displays them above the slider code. I'll need to fiddle with the CSS to make it look more natural there, but it's not something I need help with anymore. Any ideas on the sizing issue though are still welcome! :D

  5. pixieblitz
    Posted 2 years ago #

    ...aaaand nevermind. I figured it out, after spending the day messing with the code.

    Good: I ended up with a pretty content slider with the thumbnails at the top, the name of the blog they came from under the thumbnails (more useful labeling since it's an aggregate from different sources), and a slider that would readjust its height to the size of the content displayed! YAY!

    BAD: Really, really bad. I FINALLY paid attention to the WHOLE page, and realized the sidebar was broken. So, obviously, I saved the edits I had made to the plugin in a separate file, deactivated the plugin from the network, deleted the plugin, and re-installed it. Twice. It turns out that the layout issues came with the plugin :( As far as I can tell there are some issues with <div> tags and with global variables.

    I will start a new topic about that, because I'd really LOVE to keep using this!

  6. grommett
    Posted 1 year ago #

    Hey Pixieblitz, would you mind sharing the fix you did for variable heights (especially if it ended up performing like the sudoslider example link you gave.

    Are you running twentyfourteen as a theme or what?

  7. pixieblitz
    Posted 1 year ago #

    I added some javascript code I found in another forum to the spdm-shortcode-slider-multisite.php plugin file... That file has various sections for rendering the different layouts. The one I was using was under

    // thumbnails bottom and thumbnails side are same except for css styling
    elseif( $slider_layout == 'thumbnails-bottom' || $slider_layout == 'thumbnails-side'){ ?>
    <script type="text/javascript" charset="utf-8">

    And the code I added in there is:

    function onBefore(curr, next, opts, fwd) {
      var $ht = $(this).height();
      //set the container's height to that of the current slide
      $(this).parent().animate({height: $ht});
    function onAfter(curr, next, opts, fwd) {
      var index = opts.currSlide;
      $('#prev')[index == 0 ? 'hide' : 'show']();
      $('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
      //get the height of the current slide
      var $ht = $(this).height();
      //set the container's height to that of the current slide
      $(this).parent().css("height", $ht);

    It works for me, but I did it a while ago and also switched around a bunch of other stuff in the plugin file to get it to render the way I wanted it to... There's a chance I'm forgetting some other detail. Let me know if it doesn't work for you and I can try to remember what was going on more specifically :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • SPDM Shortcode Slider Multisite
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.