18910140161

HTML-制作带有导航的幻灯片而没有javascript-堆栈溢出

顺晟科技

2022-10-19 13:49:36

189

我需要帮助找出代码中的错误。你可以在下面看到。我试着在这里遵循风格指南,但似乎什么都不起作用。请帮忙,因为这是上课用的。我必须使用visual studio代码作为我的HTML/CSS生成器。我不能上传我的CSS,因为它一直将其识别为无效代码,但以下是我所拥有的:

HTML:

<div class="slidershow middle">

<div class="slides">
<input type="radio" name="r" id="rl" checked>
<input type="radio" name="r" id="r2">
<input type="radio" name="r" id="r3">
<input type="radio" name="r" id="r4">
<input type="radio" name="r" id="r5">
<div class="slide s1">
<img src="images/Making_Pasta.jpg" alt="Making_Pasta">
</div>
<div class="slide">
<img src="images/noodles.jpg" alt="noodles">
</div>
<div class="slide">
<img src="images/pasta.jpg" alt="pasta">
</div>
<div class="slide">
<img src="images/pesto.jpg" alt="pesto">
</div>
<div class="slide">
<img src="images/flatbread.jpg" alt="flatbread">
</div>
</div>
        
<div class="navigation">
<label for="r1" class="bar"></label>
<label for="r2" class="bar"></label>
<label for="r3" class="bar"></label>
<label for="r4" class="bar"></label>
<label for="r5" class="bar"></label>
</div>
</div>

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航