显示图像或文本

时间:2016-07-13 13:54:56

标签: html css wordpress

我创建了一个图片列表,我想添加一个按钮,以显示文字而不是图片。像"显示图像" "显示文字"。

我怎样才能成为可能?

1 个答案:

答案 0 :(得分:0)

你可以通过最初隐藏文本来使用Javascript / jQuery来做到这一点。无法使用HTML或CSS处理点击事件。

例如,您可以在jQuery中执行类似的操作:

$('button_that_hides_image_shows_text').click(function(e) { e.preventDefault(); $('image_to_hide').css('display', 'none'); $('hidden_text').css('display', 'block'); });

您还可以使按钮从图像切换到文本:

$('button_that_hides_image_shows_text').click(function(e) { e.preventDefault(); $('image_to_hide').toggleClass('class_that_hides'); $('hidden_text').toggleClass('class_that_hides'); });

最初将class_that_hides放在文本

.class_that_hides { display:none; }

如果您需要额外信息,请与我联系