如何在单击时更改引导转盘上的图像？
我目前有一个有3个图像的引导转盘，每个图像都有一个我想要的标题，所以当你点击第一个转盘图像上的标题时，图像会变成gif，但它不能使用基本的JavaScript。
我希望plymouthImg更改为permitionImg，当前permitionImg display设置为none!important
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img id="plymouthImg" src="imgs/plymouth1.jpg" class="d-block w-100" alt="Roland Levinsky Building">
<img id="permitionImg" src="imgs/plymouthbaw.gif" class="d-block w-100" alt="Permition">
<div class="carousel-caption d-md-block">
<h3 onclick="changeText()" class="plymouth">Welcome to the University of Plymouth</h3>
<h3 class="permition">Welcome to Permition</h3>
</div>
</div>这是h3上的JavaScript函数
function changeText() {
const plymouthText = document.querySelector('.plymouth');
const permitionText = document.querySelector('.permition');
const plymouthImg = document.getElementById('plymouthImg');
const permitionImg = document.getElementById('permitionImg');
plymouthText.style.display = "none";
permitionText.style.display = "block";
plymouthImg.style.display = "none!important";
permitionImg.style.display = "block!important";
}转载请注明出处:http://www.sdxiangshi.com/article/20230330/2208842.html
随机推荐
-
如何在单击按钮时更改按钮的颜色
我有一组从A到Z的按钮，当我点击特定的字母表时，与该字母相关的品牌将会弹出。我已经尝试了下面的代码，但当我只单击一个按钮时，它会应用于所有按钮。我该怎么解决它？let brandList = ABCEDEFGHIJKLMNOPQRSTUVW...
-
flutter如何在单击时更改按钮的颜色
当我点击按钮时，我正在尝试改变按钮的颜色。你能帮我吗?因为我真的做不到。谢谢。 Container( child: new Row( mainAxisAlignment: MainAxisAlignme...
-
PowerApps如何在单击按钮时更改文本框中的文本
我正在尝试执行一个简单的任务，即在PowerApps中单击一个按钮来更改文本框中的文本。我的页面上有一个Button1“按钮和一个TextInput2”文本框。按钮OnSelect操作被设置为: TextInput2.Text = hell...
-
如何在单击按钮时更改窗体的图标？
我使用的是表单皮肤，而不是移除所有东西，包括表单皮肤，我一直在尝试让表单在启动时改变图标本身。我有我的徽标的位图版本，当我尝试引用这些版本时，我得到错误:无法隐式地将类型System.Drawing.Bitmap‘转换为System.Dra...
-
如何在单击复选框时更改行中的输入字段名称
更改选中复选框行的输入字段名称注意:类型字段可能存在于每行中，也可能不存在于每行中。例如，如果存在name[]和type[]字段，则将这两个名称都更改为name1[]和type1[]。或者如果type[]不存在，只需更改name[]字段的名...
-
如何在单击时更改按钮的背景色
我是reactjs和javascript的新手。我有一个从A到Z的按钮列表，当我点击字母表时，按钮的背景颜色应该会改变。我尝试了下面的代码getBrandSortData(){ return( div classNa...
-
如何在单击按钮时更改文本颜色
我有一个从A到Z的按钮列表，当特定字母有任何品牌时，只有一些按钮突出显示。当我点击一个特定的字母时，该按钮的文本颜色应该会改变。我尝试了下面的代码，但它删除了其他按钮和禁用按钮的突出显示颜色constructor(props) { ...
-
如何在单击选项卡时更改占位符文本
我希望占位符相对于所单击的选项卡进行更改。即:目录-‘搜索目录’网站-搜索网站。?/*! CSS Used from: https://www.provolibrary.com/templates/provolibrary/css/pcl-...
-
如何在单击按钮时更改chart js数据
我想通过输入字段更新图表数据。它第一次正确地绘制了图表，但如果我尝试输入新数据，它不会更新图表，仍然显示旧的数据图表。!doctype html head meta charset=utf-8 meta n...
-
如何在再次单击时更改a“元素的文本
我正在尝试让一个a“元素在单击一次或再次单击另一个a”元素时更改文本。以下是我到目前为止拥有的代码： $(document).ready(function() { $(a).click(functi...