用于变量显示的图像样式

时间:2015-06-12 10:24:02

标签: javascript html css

我想显示一个图像(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);"/>

2 个答案:

答案 0 :(得分:0)

您可以使用Javascript。

触发图像更改代码后,使用javascript修改img标记的样式。

例如:

172.23.23.23

答案 1 :(得分:0)

画廊应该怎么样? 如果您只是在寻找Lightbox或幻灯片,那么我建议您使用插件。其中许多是免费使用的,它们是由一些不是初学者的人开发的。 (还要注意你想要支持哪些浏览器,因为有些库只适用于现代浏览器) 这里有数百个这样的插件。 只需谷歌“幻灯片”或“灯箱”:)

但是,如果您将单独构建这个小功能,而不是我所知道的,那么该画廊应该是什么样子。 我已经为你创建了两个小画廊示例。

其中一个是否有类似的行为?

如果你也可以制作一个jsfiddle也会很好。 :)