jquery-单击更改正文背景图像和标题

jquery-单击更改正文背景图像和标题,jquery,supersized,Jquery,Supersized,有人知道有什么jQuery插件可以让我在点击箭头时更改网站的背景图像和“标题”吗 我需要类似于超级大的东西,只是没有真正的超级大的功能。我不知道有插件,但你可以使用普通的jQuery $('#anchor-id').click( function(){ $('#background-image-id').attr('src','http://fulllink.com/to/image.png'); $('#caption-id').html('New Caption'); }

有人知道有什么jQuery插件可以让我在点击箭头时更改网站的背景图像和“标题”吗


我需要类似于超级大的东西,只是没有真正的超级大的功能。

我不知道有插件,但你可以使用普通的jQuery

$('#anchor-id').click( function(){

    $('#background-image-id').attr('src','http://fulllink.com/to/image.png');
    $('#caption-id').html('New Caption');

});

我不知道有什么插件,但是你可以用普通的jQuery

$('#anchor-id').click( function(){

    $('#background-image-id').attr('src','http://fulllink.com/to/image.png');
    $('#caption-id').html('New Caption');

});

这里有个问题。为什么你不能直接使用超大插件呢

你到底想达到什么目的?只需显示图像/标题和箭头?你不想发生什么

看起来Supersized没有关闭其中一些元素的选项,但是通过一些简单的CSS,您可以在Supersized中关闭许多多余的元素

例如:

#progress-back, #play-button, #slidecounter, #tray-arrow, #slide-list {display: none}
因此,这将关闭除标题之外的所有元素。您可以设置“控制条
#控件包装{background:url(path/to/image.png)repeat-x;}
等的背景样式,并且可以使用以下方式定位“上一个/下一个”箭头:
#prevslide
#nextslide

希望能有帮助。如果你不需要,请告诉我

编辑

我刚才看到你的评论说你想要一个滑块,但不是全屏。试试这个插件,它很棒,我一直在使用它-BX滑块


如果这是您想要的,请告诉我。

这里有一个问题。为什么您不能直接使用超大插件

你到底想实现什么?仅仅是要显示的图像/标题和箭头?你不想发生什么

看起来Supersized没有关闭其中一些元素的选项,但是通过一些简单的CSS,您可以在Supersized中关闭许多多余的元素

例如:

#progress-back, #play-button, #slidecounter, #tray-arrow, #slide-list {display: none}
因此,这将关闭除标题之外的所有元素。您可以设置“控制栏
#控制包装{background:url(path/to/image.png)repeat-x;}
等的背景样式,并且您可以使用
#prevslide
#nextslide
来定位“prev/next”箭头,不管您喜欢什么

希望有帮助。如果那不是你需要的,请告诉我

编辑

我刚才看到你的评论说你想要一个滑块,但不是全屏。试试这个插件,它很棒,我一直在使用它-BX滑块


如果这是你想要的,请告诉我。

.attr('html',
是一种奇怪的方式。你为什么不直接使用
.text('Content')
。它更简单、更容易理解。你说得有点对。但这不是一种“奇怪的方式”,它完全错了。它应该读
.html('New Caption'))
…我没有发现比
.text('新标题')更“奇怪”的内容
…只是不同。我不认为这是可能的,但我想我从未尝试过,所以我不想得出这样的结论hahait似乎想要更具动态性的东西。例如,你可以添加一个图像和标题列表,用户单击prev/next或其他什么,然后在图像和标题之间来回切换。如果他只需要按一下箭头就可以完成一个操作,那么你的答案会很好,但如果他想要更具可伸缩性的东西——至少他说的是他对jQuery的有限知识。我认为他可能可以使用超大插件来获得他想要的东西。
.attr('html',
是一种奇怪的方式。你为什么不直接使用
.text('Content')
。它更简单、更容易理解。你说得有点对。这不是一种“奇怪的方式”,只是完全错了。它应该读
.html('New Caption')
。我觉得它比
.text('New Caption')更“奇怪”)
…只是不同。我不认为这是可能的,但我想我从未尝试过,所以我不想得出这样的结论hahait似乎想要更具动态性的东西。例如,你可以添加一个图像和标题列表,用户单击prev/next或其他什么,然后在图像和标题之间来回切换。如果他只需要点击箭头的一个动作,你的答案会很好,但如果他想要更具可伸缩性的东西——至少他说的是他对jQuery的有限知识——你的答案就不会太好了。我认为他可能可以使用超大型插件来获得他想要的东西……但实际上,正如目前的答案所示,jQuery大约需要3分钟就可以处理这个问题一个插件有点过分:)我搜索插件的唯一原因是因为我对jQuery的了解有限,因为我对它非常陌生。我需要背景图像/标题在点击下一个/上一个箭头时进行更改,我只是认为一个超级插件的精简版本会对我有所帮助。尽管非常感谢你的帮助,但我会尝试一下。你呢试图得到一些动态的东西?也就是说,你会有几个图像和几个标题,你想让用户返回/前进,等等?这不仅仅是一个图像和一个标题,对吗?答案不一定解决一个更复杂的用途。但是如果你只需要一个动作,它会帮助你。嗨,是的,所以rry我可能应该说得更具体一些。目前,至少我有一个超大的插件,可以通过下一个/上一个箭头在一系列图像和标题之间转换。我想做一些类似的事情,只是没有全屏方面。但实际上,正如目前的回答所表明的,jQuery大约可以处理这个问题3行代码。插件有点过分:)我搜索插件的唯一原因是因为我对jQuery的了解有限,因为我对它非常陌生。我需要背景图像/标题在点击下一个/上一个箭头时进行更改,我只是认为一个超级插件的精简版本会对我有所帮助。尽管非常感谢你的帮助,但我会尝试一下。你呢想得到动态的东西?那