Variable Image Size and Thumbnail on Top

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!

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

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! ??

…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!

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?

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 ??