使用Javascript更改图像大小(复制)

Question

好吧，我已经看了一个多星期了，还没弄清楚。基本上这里是我之前发布的最终结果的一个例子:

前一个堆栈溢出消息

他们的建议没有奏效。当你点击右上角的按钮时，javascript正在改变标题css。下面是一个Demo: Demo of JAVASCRIPT CHANGE

我试图用图像复制这个动作，但我却不知道javascript那么好，我不太确定当我看javascript文件时我正在阅读什么。我要么想有人帮我读这个javascript，所以我可以编辑它自己或帮助我找到一个解决方案。

Javascript: Script.JS

这是我到目前为止所做的相关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>

这里是CSS: style。CSS

任何帮助将是非常感激的，并将得到"点"为它，我已经在这个工作了一个多星期没有帮助，但我已经决定我应该寻求帮助。

谢谢!

Answer 1

不是Javascript解决方案，但我设法实现你想要使用CSS;只需在你的logo图像中添加height: 40%，它应该与标题一起缩放(注意，你可能需要使用更高质量的logo版本)，因为当前的logo在变大时会有点像素化。