Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/grails/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 显示图像或文本_Html_Css_Wordpress - Fatal编程技术网

Html 显示图像或文本

Html 显示图像或文本,html,css,wordpress,Html,Css,Wordpress,我已经创建了一个图像列表,我想添加一个按钮,以显示文本而不是图像。类似于“显示图像”“显示文本” 如何使之成为可能?您可以使用Javascript/jQuery实现这一点,例如,最初隐藏文本。无法使用HTML或CSS处理单击事件 例如,您可以在jQuery中执行以下操作: $(“隐藏图像显示文本的按钮”)。单击(函数(e){ e、 预防默认值(); $('image_to_hide').css('display','none'); $('hidden_text').css('display',

我已经创建了一个图像列表,我想添加一个按钮,以显示文本而不是图像。类似于“显示图像”“显示文本”


如何使之成为可能?

您可以使用Javascript/jQuery实现这一点,例如,最初隐藏文本。无法使用HTML或CSS处理单击事件


例如,您可以在jQuery中执行以下操作:

$(“隐藏图像显示文本的按钮”)。单击(函数(e){
e、 预防默认值();
$('image_to_hide').css('display','none');
$('hidden_text').css('display','block');
});

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

$(“隐藏图像显示文本的按钮”)。单击(函数(e){
e、 预防默认值();
$('image_to_hide')。toggleClass('class_that_hide');
$('hidden_text')。toggleClass('class_that_hidden');
});

通过使类_最初隐藏在文本上

。隐藏的类{
显示:无;
}


如果您需要更多信息,请询问我

您目前有哪些HTML和CSS代码?-请分享。欢迎来到堆栈溢出!希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些,或者通过谷歌,或者通过搜索,尝试一下。如果您仍然有问题,请带着您的代码回来,并解释您尝试了什么以及为什么它不起作用。