我对 chrome 扩展非常陌生,导航它需要大量的自学。我希望有人可以帮助我解决这个简单的问题!
我想要一个非常小的弹出窗口,在单击扩展图标时显示一本合上的书。单击后,我希望它切换到打开的书,表明它是“活动的”。我目前有一个 manifest.json 文件,默认弹出文件和一个用于样式的 css 文件和 js 文件,并且我在 js 中有一个背景页面。
我不确定如何在弹出窗口中切换书籍图像。
(图片链接在文字上)
弹出窗口非常小,这是我想要的。只是想交换那些图片以指示活动模式,并学习如何将“活动”信号发送到后台脚本以执行我想要的任务
如果您能够更改类似 src 属性的内容,它可能是最简单的方法。如果您需要两个不同的元素,那么您可能希望使用 style 属性显示/隐藏它们,并将 onclick 放在两个孩子的父 div 上。
<img src="/pathToOpenBook" onclick="toggleBookOpen" alt="imageDesc" />
function toggleBookOpen(pointerEvent){
const openBook = "/pathToOpenBook";
const closedBook = "/pathToClosedBook";
const element = pointerEvent.target;
const src = element.getAttribute('src');
const isOpen = src.toLowerCase().includes('open');
const updateValue = isOpen ? closedBook : openBook;
element.setAttribute('src', updateValue);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句