我想显示一个图像(myimage1.jpg)并有一个选项,您可以单击它并显示另一个图像(myimage2.jpg)。
点击部分工作正常,现在我的问题是我如何将一些风格应用于第二个图像(myimage2.jpg)。
整个想法是让画廊点击放大的每个图像,并且描述很小。
代码非常初学者;)
这就是我所拥有的
js
<script> var onImg= "myimage1.jpg"; var offImg= "myimage2.jpg"; </script>
HTML
<img src="myimage1.jpg" onclick="this.src = (this.src.endsWith(offImg)? onImg : offImg);"/>
答案 0 :(得分:0)
您可以使用Javascript。
触发图像更改代码后,使用javascript修改img标记的样式。
例如:
172.23.23.23
答案 1 :(得分:0)
画廊应该怎么样? 如果您只是在寻找Lightbox或幻灯片,那么我建议您使用插件。其中许多是免费使用的,它们是由一些不是初学者的人开发的。 (还要注意你想要支持哪些浏览器,因为有些库只适用于现代浏览器) 这里有数百个这样的插件。 只需谷歌“幻灯片”或“灯箱”:)
但是,如果您将单独构建这个小功能,而不是我所知道的,那么该画廊应该是什么样子。 我已经为你创建了两个小画廊示例。
其中一个是否有类似的行为?
如果你也可以制作一个jsfiddle也会很好。 :)