How to edit this code so that the image can be resized with CSS?

[djjkxbox360]

So I'm using this: [URL]http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm[/URL] to create a banner with changing images along with text at the bottom. On the mobile version of my website, I want to shrink the banner with CSS. The code only allows you to set the size with html as it is. I managed to overrride this with CSS using max-height and max-width however the images clip instead of resize. If there was something in the code that I could change which would simply resize the image instead, that'd be great

[josm]

Well, you can re-size anything in CSS like this:

 thing {
   width: 0px;
   height: 0px;
}

Don't really know what you're actually doing, though. The website has shit everywhere.

[djjkxbox360]

I know how to resize things, but when I resize the banner, the image clips instead of resizing, The script is on that website, thought you'd find it. This is it [url]http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js[/url] I need to change it so that the image resizes instead of clipping when I use CSS to resize it

[SteveS]

Dynamic Drive? All I associate with that site is crappy cursor trails that you would see on every Geocities site in the early 00's. There's plenty of jQuery slider plugins that support what you want and give you a lot more control over the presentation, I would suggest you look for one instead of using this decade old stuff.