MyBB Community Forums

I thinking of make 2 images as the header, first I want a normal .PNG image, and then I want a transparent & animated .GIF image (well, doesn't have to be transparent but it's good if it is).
The theme I am using is "Apart 1", and it is looking for a file in /images/1/logo.png

I wanna change this path, and make it catches logo.png and logo.gif. Where it first asking for the logo.png and then the logo.gif.
How do I do this?

I strongly believe it's this code that I've in the header:

<div id="logo">
				<div class="wrapper">
					<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
				</div>
			</div>

I don't quite understanding it. There is two codes, the link (href) that is covering the image code, so the actual code I need to change/add is:
<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
Now, this code I probably may need duplicate? or just add in another src property in same code if that's even possible to do?

Also, I see nowhere were this names a .png file. So it must be some of the other files, which now those are?
Shall I just do a <img src="images/1/logo.png"> and then another one <img src="images/1/logo.gif"> where I have the gif one?