我正在使用两个 html 文件 01-default.html 和 17-responsive.html。在第一个 html 页面中有 GridView 图像,当单击任何图像时,从第二个 html 文件中显示相应的带有页眉和页脚的全尺寸图像...
01-default.html 页面
ul id="Gallery" class="gallery">
<li><a href='17-responsive.html#swiper-slide red-slide' ><img src="images/thumb/a.jpg" alt="Image a" width="230" height="348"/></a></li>
<li><a href='17-responsive.html#swiper-slide blue-slide' ><img src="images/thumb/b.jpg" alt="Image b" width="230" height="348"/></a></li>
<li><a href='17-responsive.html#swiper-slide orange-slide' ><img src="images/thumb/c.jpg" alt="Image c" width="230" height="348"/></a></li>
</ul>
</div>
17-responsive.html 页面
<div class="swiper-slide red-slide">
<div >
<img id="scream1" src="file:///android_res/drawable/a.jpg" >
<div class="Footer1">
</div>
<div class="Header">
</div>
</div>
</div>
<div class="swiper-slide blue-slide">
<img id="scream2" src="file:///android_res/drawable/b.jpg" >
<div class="Footer1">
</div>
<div class="Header">
</div>
</div>
</div>
<div class="swiper-slide orange-slide">
<img id="scream3" src="file:///android_res/drawable/c.jpg" >
<div class="Footer1">
</div>
<div class="Header">
</div>
</div>
</div>
这里的问题是默认情况下单击哪个图像它会显示 17-responsive.html 页面中的第一张图像。我希望整个类(class)都显示全尺寸图像、页眉和页脚。甚至改变了对我来说仍然没有解决。请帮助我...
最佳答案
01-default.html 页面
<ul id="Gallery" class="gallery">
<li><a href='17-responsive.html#red-slide.swiper-slide' ><img src="images/thumb/a.jpg" alt="Image a" width="230" height="348"/></a></li>
<li><a href='17-responsive.html#blue-slide.swiper-slide' ><img src="images/thumb/b.jpg" alt="Image b" width="230" height="348"/></a></li>
<li><a href='17-responsive.html#orange-slide.swiper-slide' ><img src="images/thumb/c.jpg" alt="Image c" width="230" height="348"/></a></li>
</ul>
17-responsive.html 页面
<div class="swiper-slide" id="red-slide">
<div >
<img id="scream1" src="file:///android_res/drawable/a.jpg" >
<div class="Footer1"></div>
<div class="Header"></div>
</div>
</div>
<div class="swiper-slide" id="blue-slide">
<div>
<img id="scream2" src="file:///android_res/drawable/b.jpg" >
<div class="Footer1"></div>
<div class="Header"></div>
</div>
</div>
<div class="swiper-slide" id="orange-slide">
<div>
<img id="scream3" src="file:///android_res/drawable/c.jpg" >
<div class="Footer1"></div>
<div class="Header"></div>
</div>
</div>
我对您的代码做了一些更改,现在试试这个。
关于javascript - 在 html 中调用类的简单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19533879/