有没有一个JQuery插件可以让我通过透明的背景在图片的顶部“覆盖”文本？
如下所示：
在最底层，有一张图片。然后是透明的灰色。然后是白色文本。
我如何在jQuery中轻松地做到这一点？
浏览 2提问于2010-11-10得票数 0
1回答
我正在尝试找出一个CSS或jQuery样式的代码，它的功能类似于<marquee> HTML元素。本质上，我试图在一张图片上得到两张图片，上下滑动大约。10-15像素，慢慢地。当其中一个被点击时，它将停止另一个图像，使屏幕变暗，并且会有一个额外的弹出窗口，其中包含被点击图片的"Bio“。
我已经控制了jQuery/CSS使屏幕变暗，并弹出窗口(我想我可能把它弄得比预期的更复杂了)，但我觉得使用超文本标记语言marquee已经很过时了。我已经找遍了所有地方，但在寻找做我请求的代码时遇到了问题。不涉及按键单击或鼠标悬停。(我不确定如何使用.animate并让它自动运行。还在学习
浏览 0提问于2015-06-23得票数 0
1回答
我有3张图片，带有相同的id="UserImages“，我想知道我是否可以点击它们并在jquery中获得scr？
浏览 0提问于2010-10-14得票数 1
回答已采纳
我想创建一个网站上的一些小新闻的开始页。我只显示图片，显示标题和一个带有悬停效果的小句子。不幸的是，我没有使用jQuery的经验，并且我的代码不能工作。
$(document).ready(function () {
$(this).removeClass("#news-container .newscontent")
});
$(document).ready(function () {
$("#news-container img").hover(function () {
$(this).addClass("#news-con
浏览 0提问于2019-09-17得票数 0
如何使用jquery根据datalist在图片库中设置所选图片的样式，以便当您选择图片库中的另一张图片时，上一张所选图片中的样式将被删除。脚本： <script type="text/javascript">
$(document).ready(function () {
$('.Image1').click(function () {
$(this).css('border', '3px solid orange');
浏览 12提问于2020-09-14得票数 0
回答已采纳
1回答
我对jQuery相当陌生，但我觉得我对它有很好的把握。或者至少这部分。我已经读过很多关于jQuery的教程，但我以前从未遇到过这个问题。
我想悬停在一张图片上，让它在它旁边展示一个小段落。我已经编写了这个jQuery，它完成了我希望它做的事情，但它只工作了一次。悬停在图像上会显示描述段落，并且移动到图像外会再次隐藏它，但是悬停不会做任何事情。知道为什么会这样吗？
$(document).ready(function(){
$('#novelDescrip').hide();
$('#barDescrip').hide();
$('
浏览 5提问于2013-11-22得票数 0
回答已采纳
我的意思是，我有一个链接到我的网站，但我使用的链接，在我的ThemeRoller mobile.php文件，是行不通的。我已经把我的ThemeRoller文件放在它自己的文件夹中，而不是与我的投资组合网站文件。在ThemeRoller文件夹中有：
css
图片
js
mobile.php
ect。
在mobile.php中，我创建了一个指向投资组合索引文件的链接：
<a href="../Portfolio-2013/index.php" data-role="button">Desktop</a></div
浏览 3提问于2013-07-14得票数 0
回答已采纳
1回答
情境:我使用的是Wordpress 3.4.2。主题加载Jquery。我是Jquery的新手。我添加了带有手动导航标签的WPSupersized background滑块。内容和小部件区域是半透明的，并且包装在#main div中。所以你可以看到1/2的背景图像。
问: Jquery如何在点击整个#main区域时隐藏以显示完整的背景图片？这个论坛上的所有例子都提到了在按钮后面显示-隐藏文本的一部分，但我想隐藏整个#main。
有谁已经找到了这个问题的解决方案吗？
浏览 4提问于2013-02-01得票数 1
2回答
我在div里面有一张图片。div必须在单击时调整大小，所以我使用jQuery来切换具有不同高度的类。
$(document).ready(function(){
$('.class').on('click', function() {
$(this).toggleClass('clicked');
});
});
但是我也需要用a href将一个图像插入到div中，这将打开一个照明盒。点击图片不仅打开了灯箱，而且还扩展了它下面的div。有什么方法可以不影响图像点击不影响div？我试过z-index，但没有成功。
浏览 1提问于2014-02-19得票数 0
回答已采纳
2回答
我正在尝试复制Cloudania公民页面的效果，可以在这里找到：
http:// cloudania.com/citizens/
我只是在寻找它的基本效果，当你点击一张图片时，它会展开和折叠。
我一直在使用jQuery- inline by webcloud，但是我不能让图像保持在行内。
所以我希望它在打开页面时看起来像这样
然后单击框1，它看起来如下所示：
谢谢你的帮忙
浏览 0提问于2012-05-07得票数 0
回答已采纳
我有以下问题。我有一个像这样的团队页面的例子：小圆圈团队图片，并希望通过jQuery添加一个MouseHover透明的PNG图像与粉红色的小圆圈底部。有谁有主意吗？
浏览 0提问于2012-03-12得票数 0
回答已采纳
5回答
我在锚标签中使用了两张图片。我在锚标签的click事件上使用jquery切换来在图像之间进行切换。
$(document).ready(function(){
$('#registrationForm').hide();
$('#callform').append("<a id='formlink'>IMAGE 1</a>");
$("#formlink").click(function(){
$('#r
浏览 1提问于2010-03-18得票数 1
回答已采纳
3回答
我有一个图像按钮，我正在尝试切换它。但是，它只在刷新时切换一次。当我点击图像时，它应该会变成第二张图片，在下一次点击时，又会变成原来的图片。通过这段代码，我可以从第一张图片转到第二张图片，但当我再次单击时，我无法获得原始图片。有人能指出我哪里错了吗？这就是我正在使用的整个脚本
HTML和jQuery -
<a href='#'>
<input type="image" src="/images/pulpit.jpg" id="btn-true" />
</a>
<scr
浏览 2提问于2013-07-09得票数 0
我想在我的网站上实现一个奇特的功能。我有一个很好的背景图片在我的网站上，HTML组件在它上面。我想在背景图像中的某个地方放置一个链接，这样当用户单击该链接时，所有的HTML元素都会消失，并且用户可以查看完整的图像。此功能可以切换。有没有人能建议我如何使用jQuery来实现这一点？
浏览 0提问于2011-08-13得票数 1
回答已采纳
我有点不确定这是怎么回事。我已经检查了所有内容，但是脚本仍然存在一个关键问题。
核心问题是一切正常工作，但当我单击图片的hideLabels部分时，该id的jquery不会执行。其他一切都是这样！所有其他地区的地图都适用于这两幅图片。但出于某种原因，hideLabels没有，但showLabels有。
<section id="picture">
<img src="alberta.jpg" usemap="#mapper"></img>
<map name="m
浏览 4提问于2015-11-19得票数 0
回答已采纳
我正在使用这个页面上的幻灯片：
它做的正是我需要的(大的主图片和数字列表，以查看其他图片，易于样式)，但我不需要/想要的滑动效果，它正在进行。我只想点击数字并让图片改变而不产生任何效果。
我需要从jquery.slideviewer.js中编辑/删除哪些行，才能只显示图像，而不会出现任何花哨的滑动？
(或者，您是否看到了更好的解决方案？)
谢谢!
浏览 2提问于2009-03-27得票数 1
1回答
portlet应该具有哪个aria角色(参见下面的jquery ui示例，但其中包含更多内容，如表单、图片、表格等)。
浏览 1提问于2012-08-25得票数 0
回答已采纳
HTML：
<input type='button' value='Show Picture' id='add'><div class='input'style='display: none;'><img src="http://www.myimg.com/img.png"></div>
JQUERY：
$("#add").click(function() {
$(".input:hidden:first").show(
浏览 0提问于2013-11-21得票数 0
回答已采纳
嗨，我在一个页面上有3个图像。到目前为止，我可以设置javascript，这样当用户单击图像时，它的边框就会显示出来。我也喜欢它，这样当用户再次单击相同的图像时，边界就会消失。基本上，只要用户点击一张图片，图片上的边框就会随着每一次点击而开启和关闭。有谁能帮帮我吗？我也不被允许使用JQUERY
浏览 1提问于2012-02-18得票数 1
我使用的是prototype附带的IPBoard CMS，而且我使用的是最新的jQuery。
我已经实现了一个jQuery图库图片查看器：-它在Chrome和火狐上运行得很好。-我对Opera和IE 8有问题。
我在这里创建了一个最小的示例：
你只需点击图片即可。
在IE 8或Opera中：
当我删除prototype时，一切工作正常。
当我用我的"noConflicted“图库查看器完全保持jQuery的原型时，jQuery访问器返回的宽度和高度似乎有错误。结果，加载框没有居中，图片本身似乎映射到整个窗口。
有没有人知道为什么会发生这种事？
如果能帮上一点忙，我将不胜感激。
浏览 2提问于2010-10-24得票数 2
2回答
我在表格中有一堆表格数据，如下图所示。
在切换数据进行设置时，我希望避免点击链接(一个href)。
我使用的不是Jquery，而是prototype 1.6。
有没有办法做到这一点，因为我不知道下面这行的I'd？(我已经完成了从checkBox到输入文本的操作，但我同时知道它们的两个ID。)现在我不想了？
我在checkbox上做的是：
function checkboxOnFocus(id){
var adjustField = document.getElementById('a'+id);
adjustField.focus();
adju
浏览 2提问于2012-09-25得票数 1
回答已采纳
1回答
我有一个页面，在那里我会有多个图片滑块(比如50个sliders+，每个5-10张图片)。不幸的是，由于大量的滑块，页面加载非常慢:- (
到目前为止，我一直在使用Malsup著名的jQuery Cycle插件。但是，这缺少AJAX功能，因为在触发cycle函数之前需要加载图片。
我是半有经验的，但缺乏时间来编写自己的库来满足我的需要。
因此，有没有人知道Jquery sliding (Ajax加载)图片插件？我一直在网上搜索，但有太多的数据压倒了真正的结果。
提前感谢！
浏览 4提问于2011-03-04得票数 4
回答已采纳
2回答
我正在使用jquery插件切换click.The上的div切换链接包含文本“查看”和“关闭”，但我想用图像图标替换这些文本
用于此的Jquery代码
var defaults = {
showText: 'View',
hideText: 'Hide'
};
if(options.changeText==1){
$(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(optio
浏览 4提问于2013-05-30得票数 0
回答已采纳
1回答
我正在使用下面的脚本作为动画背景，现在图片淡入和淡出，但我希望他们水平滑动到左边。
我的问题是，这是一个标准的jquery“函数”吗?因为我很难找到正确的方法来做到这一点。
有没有人能帮我修改代码，让它做我想做的事情？
提前谢谢。
我正在使用的代码：
$(function(){
$('#background img:gt(0)').hide();
setInterval(function(){
$('#background :first-child').fadeOut()
.next('img').f
浏览 0提问于2015-02-09得票数 0
2回答
我有以下代码：
<div class="thumbs">
<div class="item"><a class="changeImage" data-src="pic_1.jpg" data-id="2"><img src="pic_1.jpg" alt="Karte 2"></a></div>
浏览 2提问于2013-08-09得票数 0
4回答
我正在尝试编写代码，当点击一个按钮时，将显示一个新的图片(从海滩图片到湖边图片)。目前，它有点工作，但这两张照片显示在第一次点击和海滩图片消失在第二次点击。
以下是我到目前为止所拥有的：
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet&#
浏览 1提问于2018-07-21得票数 0
回答已采纳
2回答
我正在尝试完成一个项目，在一张图片上做一个展示，这样另外两张图片就会出来，就像它们是翅膀一样？示例如下：
我尝试过使用DIVs和一些jQuery，但我只能让其中一个以错误的方式显示或显示，比如上下或从角落滑入，而不是从中间。
有没有人知道一种简单的方法？
jsfiddle.net/fTJPu/17/embedded/result
浏览 1提问于2013-03-08得票数 1
回答已采纳
有没有在CKFinder 2对话框中使用jQuery和jQuery插件的方法？我只想在我的插件中使用Jcrop来裁剪图片。例如，下面的代码不起作用。jQuery(document).ready(...)事件可以很好地触发，但是在它里面我无法选择我的对话框的任何元素。那么，到底有没有可能呢？
CKFinder.dialog.add("ImageCroppingDialog", function (api) {
return {
title: "Test",
minWidth: 480,
minHeight: 750,
onShow:
浏览 0提问于2012-04-12得票数 0
2回答
我试着为图像创建一个复选框，如果我们有多个图像，我可以在继续之前选择3或4个图像。我见过这种事情，但我不知道如何使用jquery创建同样的东西。
例如，在这张图片中，我想给出一个选项，如果有人点击图片，它就会被选中。用户可以像这样选择多个图像。可以使用jquery吗？或者有没有插件可以帮我做到这一点。
浏览 2提问于2011-08-30得票数 3
回答已采纳
我是jQuery新手，也是移动应用新手。
我对一个名为nativeDroid的jQuery主题有一个恼人的问题。将表单添加到我的页面后，每当我单击表单(常规输入或文本区)时，页眉和页脚会更改它们的位置并拉伸页面宽度。似乎当单击文本字段时，另一个类被添加到标题div中。类名是.ui-fixed-hidden。
我查看了一个相同的问题，但解决方案对我不起作用。我尝试更改.ui-fixed-hidden类，使其与给定的解决方案相匹配，但问题仍然存在。如果有人能帮助我，我会非常感谢，因为放弃这样一个看起来很棒的主题将是一种耻辱。
我还不能发布任何图片，但问题看起来与我添加的帖子中的问题相同。
有谁能帮
浏览 3提问于2014-04-01得票数 0
我在图片上面有个div。我希望使用jQuery单击事件删除(或更改div类)图像单击的div。
Div结构
<div class="post">
<img class="thumb" src="MyImg.jpg">
<div class="show-div"></div>
</div>
我想切换类显示-div以删除-div。
这是我的jQuery
$(document).ready(function(){
$(".thumb").click( fu
浏览 0提问于2014-05-19得票数 0
回答已采纳
我试图实现的是，每当你点击一张图片，它就会改变window.location的url，在'#'和'#footer'之间切换。现在，我所知道的就是：
<script>
function clickarrow(){
var rd=Math.floor(Math.random()*11)
if (rd > 5){
window.location="#footer";
}
else{
window.location="#";
浏览 1提问于2013-05-21得票数 3
回答已采纳
2回答
我需要做一个动态的jQuery菜单来展示产品。
将会有一个带有文本和超链接的主图片，占屏幕的60%，在它的右边，我需要三个小图片(一个在另一个上面，水平方向)，屏幕宽度为20% (但所有这些图片的高度与主图片相同)。
我需要动画片的帮助。动画将是下一个:右边的三张图片向上滑动，最上面的消失，底部追加一张新的(同时最上面的消失)。现在，消失的成为主要的。
我已经用.slideUp函数做了一个简单的解决方案，但这实际上并没有使div上升，相反，它只是失去了它的高度，直到它变得不可见。这不是我想要的解决方案。
谢谢。
编辑：
我已经设法用jQuery.sliedUp函数得到了一些解决方案，但是我仍然
浏览 2提问于2012-07-30得票数 2
3回答
我相信这很简单，我只是个很大很小的菜鸟。我在一个PHP页面上有一个表单，它有几个普通的表单元素(1个文本区域，1个文本字段)。
我还动态地向页面添加了100个小图片，这些图片是随机的，我使用JQuery让用户选择或取消选择这些图片：
下面是循环100次以显示图像的html：
<div class='avatar'><img class='avatar_image' src='$this_profile_image' name='$thisfriend'></div>
下面是Jquery：
<
浏览 1提问于2012-03-18得票数 0
回答已采纳
2回答
我曾经使用javascript - jquery和PHP编写代码。我喜欢有一个文件夹，让100个图像，扫描它，并让它在屏幕上与甲虫之间的褪色，并延迟…这其中的许多事情都可以做得很好。
问题:只是为了速度的目的，我喜欢得到img1，显示它预加载img2等待2-3秒淡出到img2预加载img3等待...以此类推。
所以同时加载2张图片会更快，而且不需要太多的代码，只需要切换下一张图片就可以了…
现在，有一个在100的图像会使加载速度变慢，我不会谈论250！任何想法都可以杀死电脑
我想到了ajax ad jquery tu动态更改img引用和预加载...有人知道吗？
浏览 3提问于2009-10-12得票数 1
回答已采纳
1回答
我第一次使用jQuery插件图像立方体()。我喜欢这个插件，但在我的登录页面的上下文中，我无论如何也不能让它工作。
下面是一个在我的服务器上运行良好的测试：
这是我的登录页面，它不起作用(第一张牙医图片是应该旋转的)：
有什么建议吗？我试着调整位置，试着去掉溢出:auto。我的意思是，我真的试了所有我能想到的，但我不能让它工作。现在，我将转向您的更高层次的知识！;)
浏览 7提问于2011-03-16得票数 1
回答已采纳
我正在尝试用javascript而不是jquery来做这件事。我想点击一张图片，然后图片就会有边框，但是如果我再次点击它，边框就会消失。不知道是怎么做的，有人能帮我吗？
allImages = document.getElementsByTagName("img");
for(i=0;i<allImages.length;i++)
{
allImages[i].onclick=function()
{
this.style.borderColor="red";
this.style.borderStyle="
浏览 0提问于2013-03-23得票数 1
回答已采纳
好的，有这么多的图片画廊插件为jQuery，我需要一个可以显示三种尺寸的图像。一个基本的图片库插件通常会显示所有的缩略图和一个大图。单击缩略图可以看到所选图像的放大版本。在这个阶段之后，我想要一些东西:单击较大的图像应该会打开图像的一个更大的版本--在模式覆盖或其他什么地方，最好是带有prev/next按钮。我认为这个选项在一些现有的插件中是可用的，但我就是找不到它。
浏览 1提问于2010-08-18得票数 1
回答已采纳
3回答
单击时显示特定图像
、、、
我正在尝试让div在图片被点击时显示出来。这个div应该只包含较大的点击图片。但是我不能让它工作。我尝试了很多不同的方法，现在我希望有人能帮助我，或者给我一些指点。
首先我有我的html图像，它是在php while循环中生成的：
<img src='".$picsarray[$picsfrom]."' class='gallerythumbnail'>
然后我有了我想要显示的div的CSS，点击上一张图片：
#showimagediv {
display: none;
width: 500px;
height
浏览 1提问于2013-09-10得票数 2
回答已采纳
基本上，我想让悬停即使在绑定单击之后也能工作，但我将.image26和27设置为它的默认背景。悬停一开始可以工作，但当单击时，因为我将其重置为默认值，所以不能再次工作。
在这方面有没有更好的方法？如果我没有将图片的其余部分放到默认位置，那么所有的图片都会被标记为已点击。
工作示例：
jquery代码：
$(".image22").bind("click", function(event){
$(this).css("background-position", "0 100%");
$('#package22
浏览 2提问于2011-05-17得票数 0
我正在制作一个tumblr主题，并试图实现Jquery效果，当我单击.cari时，.inpo将fadeToggle。但是，问题是类.cari有多个div，类.inpo有多个div，当单击类.cari的一个div时，类.inpo的所有div都会fadeToggle。只有当单击每个.inpo fadeToggle的.cari时，我应该做什么才能使其成为.cari？我很肯定这里也有类似的问题，但我很抱歉，虽然我不能理解解决方案/答案。我对Jquery/Javascript非常陌生，所以如果答案是简单易懂的，那就太好了。对不起，谢谢！
图片：
希望我能很容易地理解我想要达到的目标。
浏览 3提问于2015-03-17得票数 0
回答已采纳
如何用jquery编写if语句：
如果用户单击图像div#ProductImages > img，那么隐藏/删除iframe？
这就是我所拥有的：(我的代码将youtube视频附加到页面上的div位置)
当用户再次点击图片时，我需要删除iframe。
var $video=$('div.icon iframe');
var $productImage=$('.product-image');
var $icon=$('.icon');
$icon.on('click',function()
{
$('.pro
浏览 4提问于2012-06-20得票数 1
回答已采纳
2回答
我有几个div与类" image“和几个与类”缩略图“(两者都可以根据用户添加的数量而变化，但缩略图总是使用图像生成，并且始终是相同的顺序，因此第一个拇指来自第一个图像)我有所有的拇指div被隐藏，但第一个已经在使用：
$('.image:not(:first)').hide();
我想迭代通过缩略图类，让它显示第二张图片，隐藏其他图片，如果我点击第二个拇指，第三张图片，如果我点击第三个拇指，等等。
我该如何在jQuery中做到这一点？
浏览 1提问于2012-03-30得票数 0
回答已采纳
1回答
我想隐藏我的内容。此页面将包含用于处理图片的窗体和按钮。在表单中输入一个值并按下按钮后，我的脚本将处理图片并自动加载页面。结果应该放在一个DIV中，但是在按下按钮和页面加载后，这是不可见的。内容只有在页面处理和按下按钮后才会显示。如何通过使用jQuery来实现这一点？
我的html
<button type="submit" class="btn btn-warning" id="submitBtn" >Submit</button>
<div id="toggle-show" class="
浏览 4提问于2022-06-02得票数 0
1回答
WebKit高差
、、、
图片
CSS
#sub-nav {
position: absolute;
top: 207px;
left: 16px;
width: 192px;
z-index: 4;
background: url('../img/transparent.png');
overflow: hidden;
}
#logo-buttons-bg {
position: relative;
padding: 0 0 60px 0;
width: 208px;
//background-g
浏览 0提问于2013-06-30得票数 2
3回答
让用户选择如何显示表
、、、
我有一个表，我想让用户选择如何在不转到另一个url的情况下查看该表。我希望这一切都是由javascript和jquery完成的。
有两种类型的视图，一种是有图片的，另一种是没有图片的
带图片的代码是：
<ul>
<li style="float:right;"><img src="{$pictureurl}"/></li>
<li> {$sometext}</li>
<li>{$sometext}</li>
<li>{$sometext}</li&g
浏览 0提问于2012-01-07得票数 0
回答已采纳
2回答
显示隐藏多个div
、、、
这个想法是，当我点击一个野餐时，另一个图片和一些文字会显示出来。我成功做到了这一点：
Jquery
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
HTML
<a href="#" class="show_hide"
浏览 2提问于2012-10-10得票数 3
回答已采纳
[图片]怎么无法调整网络了啊？今天就想测试一下按流量计费方式而已，还有就是选完按流量计费以后，流量增加很多？[图片][图片]请看一下对比流量就知道了[图片]
浏览 1737提问于2016-04-02
2回答
我正在一个rails应用程序中实现jQuery选项卡，其中我希望有一个横幅是导航栏中选项卡后面的背景图像。例如，在下面的中，猫的图片将位于 'About‘选项卡后面的灰色区域中。
当前，选项卡的高度似乎重新调整以适应横幅，但是它没有显示，导航栏的默认灰色区域只显示出来。
下面是我的_tab.html.erb中的代码：
<meta charset="utf-8" />
<title>title</title>
<link rel="stylesheet" href="http://code.jquery.
浏览 2提问于2013-07-22得票数 0
回答已采纳
我们已经开发了一个基于jQuery Easing和Cycle插件的jQuery插件。一个样本可以在上看到。这个想法是有多个项目列表(比如图片)来应用Cycle插件。每个列表都有不同的初始延迟，因此每个列表上的jQuery循环幻灯片在不同的时间点开始。插件中的一个快速示例如下所示。
var delay = 100;
$("#slideshow ul").each(function() {
$(this).cycle({ delay : delay
, easing : "easeInOutElastic"
浏览 2提问于2013-01-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
