[Plugin: Header Image Slider] Dynamic and floating page widths not supported.

Yeah my fix never solved that, it’ll be properly sized on load, and resized when the images change, but the height won’t change until the page is reloaded.

Damn. Simply copy and pasting code relevant to dynamically resizing the image from the functions.php file isn’t getting any closer. Thanks heaps for the fixes though Philip!

Bumping this up, because I very much wish this plugin were responsive. Will this ever be a feature?

Hi guys..

First post here..

So luckily enough when I ran across this issue, Nivo just announced v3 which has built-in support for flexible image sizes – Nivo Blog

So I looked at fixing this issue by upgrading to Nivo 3. Turns out it’s really easy.

Step 1.

Download Nivo 3, overwrite all content in the nivo-slider/ directory inside the plugin dir with the new files.

Step 2.

Force Header Image Slider to stop using width and use max-width instead, so that Nivo will play nice..

Change line 491 of header-image-slider.php to fix the jQuery for the auto-insert:

Pastebin for line 491 of header-image-slider.php here: PasteBin

For php (boom_header_image()), also change boom_header_image and boom_get_header_images, pastebin for those two methods:
PasteBin

Edit: Step 3:

Fix slider-css.php

Overwrite the relevant CSS sections with this: Pastbin

Edit 2:

So, I’m not sure if it was the theme I’m using (Yoko), or just strangeness – but things got weird at small resolutions. Yoko is a responsive theme and does do resizing based on media queries, so I just turned my slider off at small sizes, Pastebin

You can check it out, working and all here

That should be it! Yay, flexible sliders which will auto-resize. Tested in Chrome, Firefox & IE 9/10, no issues.

Thanks Jono!

Should the code in header.php also be modified? The size of my slider is not being adjusted according to the size of the browser. Also in Firefox some of the images shifted to the right. Any assistance would be greatly appreciated.

Top draw, I only needed to completed step 1 & 2 and it resolved my issue thanks for the info Jono.Rogers & everyone else.

JONO!! Thank you!

@stellaz – You must do all the steps. Doing just step 1 and 2, fixes it in firefox, The other steps fix it in Explorer, etc.

Awesome Fix! Thank you!

I am going to zip it all, and save it.

Jono, everything works good, but I noticed a glitch. Sometimes the hover sensitivity is way to low, like 1-2 inches below the header picture. This causes you not to be able to select an menu page. Doesn’t happen all the time, but often.

Any ideas?

Actually, Do all first 2 steps listed by Jono,skip the mod to slider-css.php.

Everything working great now. slider-css.php mod was causing the problem I described above.