HTML banner sizing fix needed

[Water Crystals]

I have a banner just above the first board category that changes to another on mouse-over. This worked perfectly, but I decided to change the banner art. Anyway, I simply replaced the old image URLs with new ones and somehow the new images aren't showing at actual size. Images are exactly the same size as old ones and I've not changed any code so I'm confused.

Can someone please help me make the images their actual size? This is the code I'm using:

<a href="1ST PIC URL"><img src="1ST PIC URL" onmouseover="this.src='2ND PIC URL' " onmouseout="this.src='1ST PIC URL' "/></a>

[elli]

Can you link to your forum, please? It always helps to see the issue live.

[Water Crystals]

I'd rather not, as it's in Maintenance Mode and the RPG officially launches in a few days (I don't want it to be public until then) but this is what the banner issue looks like:

[Water Crystals]

Bump?

[Scott]

Water Crystals can provide a link to one of the previous images and a link to a current image.

[Water Crystals]

The previous image was hosted by Photobucket so it's impossible to get the link for that (which is part of why I had to update these banners on the site) but this is the link to the current image - hopefully that helps. The image that appears on mouse-over looks different but is the same size, style, file type, etc. I'd also like to point out that I use that image host for a lot of other pictures on the site and they're all high-quality and their actual size. This banner is the only time I've had an issue with their sizing.

I'm really anxious about this issue, since the RPG launches on the 2nd and this banner is one of the first things they'll see. It gives important info but its current size makes it very hard to read the text on the mouse-overed image. I really appreciate any help you can give. 

[Scott]

Water Crystals,
The current image looks like it's displaying on the forum at it's full size.

The reason I wanted to see the older image is to compare the two. While you think they're the same size, maybe something was different.

Do you have any CSS anywhere that is targeting those images?

[Water Crystals]

At full size the image should fit across the full length above the categories. I'm so confused why this is happening because all I did was change the image links. I checked size of the original images (I still have them, but not the original link) and they were off by a few pixels and KB. So for the new images I'm trying to use - I edited, uploaded, and added - made no difference.

Thinking about what you said, I tried uploading the original image and using that, but no it doesn't seem to matter which picture I use. As far as I know, nothing else targets the images. I use the "HTML Injections" plugin to add them, with the code shown in my first post of this thread. I haven't changed anything. Is there any HTML I can add that'll force it to display at full size or something? I do find it odd the images fit the board length perfectly, but not sure if that means anything. I've no idea what to do to fix this

EDIT: I added a map on my site as a custom page and wanted the mouse-over effect so I used this code and...Same issue. The map is a big image and was scaled down to the exact size as the banner. So it seems any image (aside from the main site banner) if it's bigger than whatever size that scaled one is than it reduces it? Or just those used with this code?

[Water Crystals]

Bump?

[elli]

Let's move away from inline JavaScript and write a separate script to control this behavior. Can you share your images with me? And I'll pass back the full code for you to use.

[Water Crystals]

Okay, so in case anyone else has this issue - elli suggested this:

Try uploading them to your forum's theme instead. Admin > Themes > Theme Manager > "Theme Name" > Images, and scroll to the bottom to find "Custom Theme Images". Click "Upload", and then click "Link" to grab the URL. Keep in mind that the URL it gives you is not valid, you'll need to add http: to the beginning.

And it worked! My banner is now showing perfectly and at the size I intended (it's full size) so thank you so much! This issue is now resolved.