使用Javascript更改图像大小（复制）

好吧，我已经看了一个多星期了，但是我想不出来。基本上，这里是我之前发布的最终结果的一个示例：

他们的建议不起作用。当您单击右上角的按钮时，javascript正在更改标题css。下面是一个演示：

我试图用图像复制这个动作，但是我对javascript不太了解，当我查看javascript文件时，也不太确定我在读什么。我要么希望有人帮助我阅读这个javascript，这样我就可以自己编辑它，要么帮助我找到解决方案

下面是Javascript：

以下是我迄今为止所做的相关HTML：

body >
<div id="gspinner" class="spinner"></div>
<div id="glob">
<header>
    <div class="inner">


    <a href="#!/home"><h5><img src="images/logo_large.png" /></h5></a>
            <!--<a href="#!/home"><img src="logo-large.png" id="img-             logo" alt="" /></a>
            <!--<a  href="#!/home"></></a>-->

        <nav>
            <ul>

                <li class="li-2"><a href="#!/about"><span class="lbl">About Us</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
                    <ul>
                        <li><a href="#!/history">History</a></li>
                        <li><a href="#!/mission">Mission Statement</a></li>
                        <li><a href="#!/solutions">Solutions</a></li>
                        <li><a href="#!/distribution">Distribution Area</a></li>
                        <li><a href="#!/logo">SAS Logo</a></li>
                    </ul>
                </li>
                <li class="li-1"><a href="#!/events"><span class="lbl">Events</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
                <ul>
                        <li><a href="#!/tradeshow">Trade Show</a></li>
                        <li><a href="#!/awesomeachievers">Awesome Achievers</a></li>
                        <li><a href="#!/whatshappening">What's Happening</a></li>
                    </ul></li>
                <li class="li-3"><a href="#!/technology"><span class="lbl">Technology</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
                <ul>
                        <li><a href="#!/nexgen">NexGen</a></li>
                        <li><a href="#!/synergy">Synergy</a></li>
                        <li><a href="#!/edi">EDI</a></li>
                    </ul>
                </li>
                <li class="li-4"><a href="#!/marketing"><span class="lbl">Marketing</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
                <li class="li-5"><a href="#!/sales"><span class="lbl">Sales</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
                <li class="li-6"><a href="#!/mail"><span class="lbl">Employment</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
            </ul>
        </nav>
    </div>
</header>

body>

下面是CSS：

任何帮助都将非常感谢，并将为此获得“积分”，我已经为此工作了一个多星期，没有任何帮助，但我决定我应该寻求帮助

---

谢谢

不是Javascript解决方案，但我使用CSS实现了您想要的；只需将“高度：40%”添加到您的徽标图像中，它应该与标题一起缩放（请注意，您可能需要使用更高质量的徽标版本），因为当前徽标在增长时会有点像素化。

不是Javascript解决方案，但我使用CSS成功实现了您想要的效果；只需将

高度：40%

添加到您的徽标图像中，它应该与标题一起缩放（请注意，您可能需要使用更高质量的徽标版本）…当您像演示一样单击右上角的按钮时，它是否会改变？看一下演示，看看我的意思，页眉是改变大小的黑色部分。我让它适合，这不是问题，问题是让它随着标题的变化而变化，它随着标题的增长/收缩而上下伸缩。试试看-你可以使用浏览器的开发工具来尝试，而无需修改代码。twitch twitch…它可以工作…谢谢…我现在感觉自己是世界上最大的傻瓜…请回答我，这样我就可以标记你是否正确。我现在想做的就是打破我的键盘，我不知道页眉中的javascript会接管，因为它位于页眉css中。它现在是有道理的，但正如我说的，我买了这个模板，而制作它的人根本没有评论！所以我必须检查每一段代码，找出他在做什么