close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Image resizer not working with Nivo slider

Thread began 12/19/2012 12:45 pm by iainmacdonald331081 | Last modified 3/14/2014 11:59 am by Jason Byrnes | 4729 views | 10 replies |

iainmacdonald331081

Image resizer not working with Nivo slider

I've been trying to use Image Resizer in conjunction with with the Nivo Slider image rotator.

I appreciate that its probably more to do with the Nivo Slider, than the Image resizer, but I thought I'd run it by you guys in case you've come across anything similar before.

I've got a test page with two images. When the page first loads, the image is constrained horizontally, but not vertically. Once it goes to the second image, and every time after that, the image seems to get chopped off at the bottom, and just before it changes sort of jump to the correct size and proportion.

You can see what I mean here:

101/

The two smaller images on the left hand side are resizing correctly, which is why I figure the issue is with the rotator, so feel free to pass the buck after the quickest look.

Thanks.

Sign in to reply to this post

Jason ByrnesWebAssist

send a copy of the page please

Sign in to reply to this post

iainmacdonald331081

Thanks for having a look Jason.

Attached a copy now, just with the DB connection reference removed.

EDIT - sorry, wrong file, give me a minute.

Attached Files
index.zip
Sign in to reply to this post

iainmacdonald331081

OK - try this one.

Basically, for testing, the two small, correctly resized images are resized versions of the original 976x220 images used in the main banner.

And the two test images for the banner are versions of those I've stretched to 1200x350 to test.

Attached Files
index.zip
Sign in to reply to this post

Jason ByrnesWebAssist

hmm the images are being resized properly, if you right click on the image, and select open in new tab, it shows the properly sized image.

Using fire bug, it looks like the script is using height: auto on initial load, then changing it to 220px, and 210px just before loading the next image. the slide show script is dynamically playing with the image heights as it runs.

i dont see what in the script is doing that, but fire bug is showing the heights changing.

Sign in to reply to this post

iainmacdonald331081

No worries - thanks for having a look Jason.

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

Sign in to reply to this post

iainmacdonald331081

Hi Jason - just to say that it ended up being quite a simple fix in the CSS for the Nivo Slider.

Just had to change:

max-width: none;

to:

max-height:220px;
max-width:976px;

So between that and the WA resizing, its doing the job correctly:

101/

Obviously the two banner images are a bit extreme, but the main thing is they automatically fit the space they need to.

The idea is that tour operators will be able to log in and add itineraries themselves, to fill that template page. So I don't think there's much more we can do other than advise them of how it works, and the size the images need to be.

But that's a good bit of progress today - getting the user groups and these images all working , so thanks again for your help along the way.

Sign in to reply to this post

Jason ByrnesWebAssist

no worries, glad to see you got it sorted.

Sign in to reply to this post

anonymous

thank you for your helping. i have the same problem regarding image resizer. now i finally know why the image can't not be correctly resized. would you also tell me whether this image resizing tool is compatiblewith the image rotator.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...