如何在语言切换脚本中使用图像而不是文本按钮?

时间:2018-04-06 08:28:46

标签: javascript jquery html web

我将此脚本集成到我的网站:www.codepen.io/JFeremy/pen/QjpRaN?limit=all&page=2&q=language

如何使用小图像作为按钮而不是文本按钮? 只要我用图像更改文本,翻译功能就不再起作用了......

任何人都可以告诉我我必须改变什么来使用小标志作为按钮来改变语言吗?

非常感谢Daniela

2 个答案:

答案 0 :(得分:0)

使用JQuery: 您可以使用$(" #myClass")或$(" .myId")选择器来获取Jquery图像对象。然后应用.click()方法,就像这样:

let myObject = $(".myId");
myObject.click( () => {
    // handle the function here
})

答案 1 :(得分:0)

也许尝试这样的事情?

#fr_click {
background-image: url('https://cdn.countryflags.com/thumbs/france/flag-400.png');
background-size: cover;
}

只需在Css中使用img更改此按钮的背景?