Question

抱歉我还在学习。＆＃39;所有＆＃39;那天我试图修复＆＃39;这个问题。它曾经工作得很好。我希望这个问题格式正确。

我的右侧边栏中有一个包含4个缩略图的网页。当我点击第一个时，会显示更大版本的图像。当我点击第二个，第三个和第四个时，只有＆＃39;显示alt-title和标题。

imageVisible

imageInVisible

以下是一些可能相关的代码。再次，抱歉。我正在研究这个项目，让它持续一个星期，现在我觉得有点迷失。

<script type="text/javascript" src="../_scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../_scripts/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
    $(function(evt) {
        $("a:has(img.gallery)").click(function() {
            var largePath = $(this).attr("href");
            var caption = $(this).attr("title");

            $("#photo_large").attr({ src: largePath });
            $("#caption1").text(caption);
            return false;
        });
    });
</script>

// more code for mainNav here

<div id="identifier">
        <img alt="The Ocean" height="90" src="../_images/200westCoastSunsetCyan.jpg" width="770" /></div>
    <div id="sidebar">
        <h3>Marconi Beach</h3>
        <p>Cape Cod</p>
        <a href="../_images/capeCodTooRoughToSwim1.jpg" title="Too Rouch To Swim"><img id="thumb_01" alt="cape set" class="gallery" height="160"  src="../_images/t_capeCodTooRoughToSwim1.jpg" width="200" /></a>
        <a href="../_images/capeCod122.jpg" title="Warm Water"><img id="thumb_02" alt="cape set" class="gallery" height="160"  src="../_images/t_capeCod122.jpg" width="200" /></a>
        <a href="../_images/capeCodBoogie1.jpg" title="boogie bording"><img id="thumb_03" alt="cape set" class="gallery" height="160" src="../_images/t_capeCodBoogie1.jpg" width="200" /></a>
        <a href="../_images/capeCodHighUp.jpg" title="from the top of the steps"><img id="thumb_04" alt="cape set" class="gallery" height="160"  src="../_images/t_capeCodHighUp.jpg" width="200" /></a>
        </div>
    <div id="mainContent">
        <div id="subNav">
            <ul id="lifestyleSubNav">
                <li><a href="maps.htm">maps</a></li>
                <li><a class="current" href="photos4.htm">Photos</a></li>
                <li><a href="videos.htm">videos</a></li>
                <li><a class="last" href="links.htm">links</a></li>
            </ul>
 </div>
        <div id="photoSet">
            <h1 class="clearLeft">Come to the Ocean.</h1>
            <div id="photoGroup">
                <img id="photo_large" alt="cape cod" height="345" src="../_images/capeCodTooRoughToSwim1.jpg" width="460" />
                <p id="caption1" class="caption">It looks calm but there is an undertow.</p>
            </div>
    </div>

jQuery的。为什么只在画廊中展示我的第一张图片;其他人只显示标题？

0 个答案: