要让用户显示/隐藏图片标题,可以使用ApostropheCMS的内置模块和模板功能。以下是一个解决方法的代码示例:
// 获取标题元素
var title = document.querySelector('.apostrophe-images-widget-title');
// 获取按钮元素
var toggleButton = document.getElementById('toggle-title');
// 初始状态为显示标题
var isTitleVisible = true;
// 切换显示/隐藏标题的函数
function toggleTitle() {
if (isTitleVisible) {
title.style.display = 'none';
toggleButton.innerHTML = '显示标题';
} else {
title.style.display = 'block';
toggleButton.innerHTML = '隐藏标题';
}
isTitleVisible = !isTitleVisible;
}
// 绑定按钮点击事件
toggleButton.addEventListener('click', toggleTitle);
.apostrophe-images-widget-title
):
通过以上步骤,用户可以通过点击“显示/隐藏标题”按钮来切换图片标题的显示和隐藏状态。