嗨，我正在试着在页面加载时弹出一个图像，但我不能让它工作。我一直遵循本教程中的说明：
当我点击图片链接时，我可以让图片在普通的lightbox窗口中弹出，但它不会在页面加载时弹出，我做错了什么？
代码：
<script src="js/jquery-1.10.2.js"></script>
<script src="js/lightbox.js"></script>
<script type="text/javascript">
$(document).ready(function()
浏览 0提问于2013-11-23得票数 0
我使用的是的最后一个版本(可用样本)
CSS和javascript加载的内容如下：
<link rel="stylesheet" type="text/css" href="/css/lightbox.css" />
<script type="text/javascript" src="/js/lightbox-2.6.min.js"></script>
LightBox作品，但大小的点击图片有一个奇怪的比例.
图片的真实大小如下：
小图片150 x 150大图片400 x
浏览 2提问于2013-12-02得票数 0
回答已采纳
1回答
我需要一个图片，以改变，当它被点击，并加载一个URL，而没有任何视觉上的改变在页面上。我只需要总共两个图像，每个图像将与一个URL相关联。我能够复制位于：的onclick图像更改示例
例如:我希望地球的图像改变为火星并加载URL #1。然后当点击火星时，我想要它加载回地球的图片并加载URL #2。我希望URL加载在背景中，而不是改变地球和火星的图像。
，我在下面的".js“文件中添加了什么来完成这个任务？
var newsrc = "mars.jpg";
function changeImage() {
if ( newsrc == "mars.jpg&#
浏览 0提问于2017-01-16得票数 0
1回答
我有有200个帖子的网站，每个网站都有+50张没有文本内容的图片，这会减缓我的网站的加载速度。我想用一个按钮来分割图片的加载，当用户点击它就会加载更多的10张图片等等，直到最后，我不知道如何将js函数添加到word-press中，我找到了一些插件，但是用<--next page -->拆分成很多页面，但是我需要一些类似的东西来将用户保留在某个页面中。
浏览 2提问于2020-04-12得票数 1
回答已采纳
我想链接到JS/CSS页面上的特定图片库。
如果你去witold.org -> "SHOW ALL PHOTO SERIES“->”印度路标“，一个图片库就会加载。
有没有一种方法可以直接链接到这个图库，从而避免从主页点击？
浏览 1提问于2012-04-16得票数 0
1回答
你好，我在使用JS创建动态图库时遇到了问题：
我不知道如何用JS -“ -pk-1”
--我不知道如何在图片库中添加图片，只要点击JS 开放式图片库就可以了(如果我使用上面的代码添加更多的图片是很容易的，但是我的站点加载速度很慢，因为有很多图片--这就是为什么我只想在用户单击主图像时才创建图片库)--我想为一个库创建一个JS函数，在那里我将一个一个地添加图像，因为我没有任何普通DB。我画廊的代码: JS：$.fancybox.open({ src：‘链接到您的页面’just‘，类型：'iframe'，选项：{ afterShow : function(实例，当前){ conso
浏览 4提问于2019-11-13得票数 0
1回答
我目前在一个图片繁重的网页上使用Lazy Load，我不希望在我点击按钮之前加载图片。延迟加载允许您使用这样的事件触发器，但我只能让它部分工作。
折叠下方的图像等待单击显示，但折叠上方的任何内容都会在最初打开页面时加载。这是无法防止的事情，还是我做错了什么？
下面是我使用的代码。
<body>
<script src="jquery.js"></script>
<script src="jquery.lazyload.js"></script>
<img src="blan
浏览 4提问于2015-12-06得票数 0
4回答
我有这个简单的js代码，它加载xml并将图像添加到页面。在代码的底部是一个函数，当你点击一个图像时会弹出一个警告。我有一个添加到html中的图像，所以有两个图像。我的问题是，警报会为html中添加的图像触发，但不会为js / xml添加的图像触发。我认为问题是在第二张图片加载到html之前点击了点击功能？？这就是问题所在吗？如果不是，你能告诉我我是如何解决这个问题的吗？谢谢。
你可以在这里看到两张图片：
HTML
<div class="Fabric"><img src="img/swatch/2016.jpg" alt=""
浏览 4提问于2013-06-11得票数 0
回答已采纳
我有一个网页，它在/media/ js /bill-studio.js加载一个js，这会导致以下问题。
当网页加载时，会显示一些图像。单击第一张图片应该会打开页面/sculpture/1986/index.html
如果你在新窗口中右击打开，它就会发生，但是通过点击它，它就不会了。
有人能帮我把它移走吗！
谢谢你！帐单
浏览 5提问于2009-10-09得票数 0
回答已采纳
3回答
在刚刚学习PHP之后，我一直在为自己做一个小项目。基本上，我有一个搜索栏，打印单词，他们的意思，我试图添加一个按钮，以听到他们的说话。我得到了一些JS代码，当我点击图片时会播放声音，但问题是，只有当我单击第一张图片时，它才会播放。如果我点击一个在最上面的一个加载到表(我如何返回我的搜索数据)，那么声音将不会播放。我怎么才能避开这一切？
extras.js
var soundPath = "";
var picturePath = "";
var audio;
$(document).ready(function() {
$('#soundPic&
浏览 4提问于2013-12-09得票数 0
回答已采纳
我有一个带有一些插件和自定义主题的wordpress安装。在一个页面上，Thickbox用于显示图片弹出窗口。
问题是，它只对第一次点击的图片起作用。不知何故，当点击thickbox.js时，修改了所有其他图像的href，我想用厚框显示这些图像，然后再点击就失败了。
问题将出现在以下页面上：http://www.zaengerlein.de/shop
例如，原始图像URL为：http://www.zaengerlein.de/wp-content/uploads/produktbilder/3/tn/s-150-150-P1010053.JPG
单击图像后，URL将更改为以下内容：http:/
浏览 3提问于2012-04-21得票数 0
回答已采纳
这就是我现在所拥有的：
"manifest.json“
{..."permissions": [
"https:/mywebsite.com/"],"content_scripts": [{
"matches" : ["http://*/*", "https://*/*"],
"js": ["js/jquery-1.7.2.min.js", "contentScript1.js", "contentScript2.js"
浏览 4提问于2012-07-02得票数 0
回答已采纳
1回答
我需要在JS中的一个函数来加载一个图片只点击。我使用一个API，如果我加载一个captcha图像，那么在几个请求之后加载的每个页面都会禁止我，因为不是所有的访问者都进入captcha。
如果每次我因为洪水而被禁止加载页面的话，我就有了。
所以，当访问者使用api时，我需要一些东西--假设它显示一个文本，“单击此处输入captcha"，然后当它单击该图像时加载。
我根本不认识JS，我很感谢你的帮助.谢谢!
浏览 3提问于2015-07-14得票数 0
回答已采纳
当我点击图片1，图片1加载时，我想加载带有选择列表的div标签中的图片。当我点击图片2，图片2加载...例如，当图片1被加载时，当按下下一步按钮图片2加载时，我尝试了很多方法，但都失败了。
<select id="mypicture" class="dropdown">
<option value="">Choose picture...</option>
<option value="1">Picture 1</option>
<option value="
浏览 1提问于2013-06-06得票数 1
回答已采纳
1回答
HTML5旋转徽标
、、、
我试图实现一个标志，旋转后，页面加载略有延迟。目前我使用这个代码非常准确，但是当用户点击图片时，我只是想让它在加载时旋转。
完全是JS的新手，我会做一个jsFiddle，但在那里我有麻烦让它工作。有人能帮我吗？
<当前代码
谢谢你，瑞德
浏览 3提问于2011-09-07得票数 0
回答已采纳
1回答
我有一个包含数百张图片的页面。如果用户在加载图像时单击链接，则在加载所有图像之前不会刷新页面。一个精明的用户按下ESC键，然后点击链接，但我不能指望我的用户会这样做。
有没有办法让所有其他操作优先于图像加载？我是否必须使用一些javascript延迟加载，然后毁掉非js用户的站点？
示例页面
浏览 1提问于2009-08-09得票数 0
回答已采纳
1回答
我在www.Guguta.com上有一个滑块，如果你用IE或火狐打开它，它可以正常工作。如果你打开Chrome或Safari的..the，主图片不会显示。
另外，鼠标点击小图片时，应该将小图片加载到主图片中，但同样在Chrome和Safari上不起作用。
管理滑块的JS脚本是在"scripts.cs“处启动的
完整的源代码可以从这里下载：www.guguta.com/slider.zip
任何帮助/建议都将受到衷心的感谢。
感谢你的进步，
开发人员
浏览 2提问于2012-11-04得票数 0
回答已采纳
3回答
我是HTML5和javascript的新手，我有一个问题。
我有以下HTML代码
<img id='image_preview'/>";
<input type='file' name='fileUpl' id='fileUpl' onchange='doUpl();' accept='image/*'/>
所以简单地说，有一个按钮，每次我点击它，doUpl()就会被执行。它加载图片并将图片的预览显示到<img ... >中。
js函数是
function
浏览 6提问于2017-08-02得票数 1
回答已采纳
3回答
所以我有了一个新的网站，一个博客，我需要通过在用户点击按钮时只加载元素来减少加载时间。我发布的图片(带有说明文字)如下：
<table>
<tr>
<td>
<p>Caption</p>
</td>
</tr>
<tr>
<td>
<img src="path">
</td>
</tr>
</ta
浏览 2提问于2015-07-07得票数 0
1回答
在开发Chrome扩展时，我通过content javascript从图片文件夹中注入了一张图片。但chrome不能将其注入/加载到网页中，并显示一个损坏的图像而不是图像。
通过查看网页，我发现了src=chrome-extension://mjpjhbhenfpklnbkbegbhdnganbppjdd/images/imgage1.png，点击它就会在新的标签页中打开图片。
为了理解问题，我在这里粘贴了menifest.json文件和contentscript.js的相关代码
在menifest.json文件(版本2)中，
"web_accessible_resouces"
浏览 2提问于2013-09-16得票数 0
1回答
当用户点击FAB时，我的应用程序从互联网上加载一个新图像作为屏幕的背景图像。我可以在用户点击屏幕之前确定要加载的URL。 有没有办法在图片需要由FadeInImage或其他Flutter Widget图片显示机制显示之前延迟加载图片？
浏览 13提问于2019-02-24得票数 1
回答已采纳
.I做了一个示例视频：和我对json有一个问题！我不能加载视频当点击图片(Div json)在网站上！！但当我单击image( div )幻灯片视频加载完成，在此幻灯片上我可以加载所有视频(div和div json) !！请帮助我当我点击图像(Div json)视频必须加载。
这是我的代码：
<script type="text/javascript">
$(document).ready(function () {
$.post("listvideojson.aspx", function (response) {
浏览 0提问于2014-11-04得票数 0
1回答
我是个初学者。所以我想要加速一个以图片为主的网站，它有很多1000x750的图片(当它被点击时-放大了)，但当网站加载而你没有点击一个图片时，它只有200x150。但是，网站加载的是完整大小的图像。
我怎么才能做到网站只加载200x150版本，并且只在点击时加载大图像？
顺便说一下，这个网站是wordpress。
非常感谢--也很抱歉，因为这个问题很糟糕：
浏览 1提问于2018-07-27得票数 0
2回答
我有一个图片库。我想要显示一个加载gif当一个图像被点击。我将相同的onclick函数传递给所有具有id的图像，如下所示：
<div id="smallimage1" onclick="imageClicked(this.id)">
<img class="model-img" src="img/model/image1.jpeg"/>
浏览 0提问于2016-05-31得票数 1
我使用1.9.1.0和自定义主题(购物者主题)
我已经复制了media.phtml和app.js等(从rwd)用于缩放目的
Zoom不是第一次加载，但是当我点击缩略图(更多视图) elevateZoom正确加载时，我发现第二张图片是首先加载的
很明显，虽然我使用自定义主题，但我必须手动做两件事1)在产品详细信息页面第一个图像(基础图像)将首先加载2)和elevateZoom也加载
但是我找不到通过jquery更改代码的页面
浏览 2提问于2015-02-07得票数 1
目标：创建元素，它将显示当前的大图像和少量缩略图。当有人点击缩略图时，当前的大图片需要被点击的图片所取代。阴影盒应该只在大图像上工作。如果只有很少的图片(缩略图)，阴影框必须包含所有三个大图像(不能只显示一个)。
问题：虽然代码很好，但仍有一些问题有待解决。
在第一次加载时，当我单击缩略图时，#面板中的主要大图像首先用缩略图替换，然后在1秒后替换为普通的大图片。因此，大的图像应该首先在点击预加载，然后附加到#面板或类似的东西。
rel属性在某种程度上失去了替换。当有一个新的图像附加到#面板时，它看起来像是松散的rel属性(阴影框不工作)。
点击缩略图加载阴影框，这是应该防止的。只有
浏览 3提问于2012-08-24得票数 1
回答已采纳
5回答
CSS动画点击
、、、
使用常规的JS (而不是JQuery)，我尝试让一些图片在点击后摇动，但它不起作用。
HTML:
<img id='s1_imgB' class="fragment"... onClick="wrongAnswer()"...
JS:
function wrongAnswer(){
document.getElementById("s1_imgB").style.className = "shake";
CSS:
.shake:hover {....
默认情况下，我可
浏览 11提问于2016-12-23得票数 2
回答已采纳
1回答
我正试着通过点击来改变图片。图像应该是预加载的，但我甚至不知道它们是否预加载。Jquery新手，请帮助。
<script src="https://code.jquery.com/jquery-1.10.2.js">
$(document).ready(function() {
var preloads = [
'images/01.jpg',
'images/02.jpg',
'images/03.jpg',
'images/04.jpg',
'ima
浏览 1提问于2015-05-08得票数 0
我想通过点击# fadeOut 1中的一个拇指图片在#inner_left目录中加载当前的大图片div.The拇指图片是用php.Currently加载的，图片的加载在点击时正常工作，但我想让它们在点击下一个thumb.For时淡出和fadeIn现在这是我在我的jquery部分中有的。
$('#photo1 img').click(function(){
$('#inner_left img').attr('src',$(this).attr('big')); });
以及加载拇指的php部分：
foreach($ima
浏览 2提问于2012-03-26得票数 0
回答已采纳
$(function callLazyLoad(){
$(window).bind("resize click scroll", function(event) {
$('img.lazy').lazyload();
});
})；
嗨，我创建了上面的代码，以允许图像加载时，网站是调整大小，点击或滚动。但是，当我第一次进入网站时，只有当我点击、滚动或调整网站大小时，才会加载图像。如何默认加载图片？我不能改变上面的代码，因为我只需要它加载时，它是调整大小，点击或滚动到另一个页面。
有没有什么办法可以让图片默认加载到我的主页上，比如，有一个虚假的电话
浏览 0提问于2013-08-30得票数 1
没有JS/jQuery有可能吗？
例如:我有三个带有背景图像的div。我想切换每一张图片的描述点击。然后，在单击另一个图像后，我需要隐藏以前的描述并显示一个相关的描述。
一个描述可以在页面加载后立即显示。在这些段落下面将有内容。
浏览 0提问于2014-05-05得票数 1
回答已采纳
我正在使用greybox来显示图像集中的图像。当我点击其中一个链接时，图像集出现了，但图片并不是第一次加载(它只显示了一个白色的背景--见附件)。如果我在图像集中向前移动一个位置，然后向后移动，它将正确渲染。
我正在加载部分中的以下文件，并设置了GB_ROOT_DIR变量。有什么建议吗？谢谢!
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS
浏览 6提问于2011-02-19得票数 0
回答已采纳
1回答
我得到了这个模型，我需要从数据库中动态加载图片，一旦加载，我需要点击每一张图片，以标记哪个学者将被提升到下一年级，我正在想办法，当我点击图片时，用一个星形图像来标记它，也许在我点击时激活的每个图像上都有一个覆盖div。
你知道如何创建一个动态可选列表(有序列表)，并在每个图片上添加一个带有图像的隐藏div吗？
浏览 0提问于2010-09-03得票数 0
回答已采纳
点击链接加载一些图片(使用jQuery load功能)，但我会先看到最后的图片，就好像它们是先加载的一样，然后第一张图片出现并停留下来。
如何防止加载页面的最后一张图片出现在最前面？
浏览 0提问于2012-03-13得票数 0
我想在我的JavaScript文件中使用一个blade.php函数。我用一个非常简单的函数创建了xyz.js文件
function picture(soemthing){
document.getElementById('idXYZ').src = "example.com";
}
然后我将这个文件添加到webpack.mix.js配置中：
mix.js(['resources/assets/js/app.js', 'resources/assets/js/xyz.js'], 'public/js')
.s
浏览 7提问于2017-04-12得票数 1
如何在安卓系统中通过网址访问服务器上的图片，比如instagram应用，我的困惑是如何在网格中显示缩略图，view.after，点击缩略图，使用查看分页交换图片来显示完整的图片。
我已经实现了，但一个问题是图像加载需要2多次加载，在Grandview中加载，并在点击图像后，在视图页面显示图像，需要2次。
我只是认为它需要快速的网络速度在我的项目最多700张图片。
请任何人知道，请分享你的想法。
浏览 3提问于2016-07-19得票数 0
2回答
我正在建设一个建筑师网站，其中显示建筑师的项目。每个项目有8-12张图片，在高分辨率下，项目数是12个。我想在滑块上显示每个项目的图片。每个项目都占用100%的页面，所以页面被分成几个部分(行)，每个部分都是一个带有包含图片的滑块的项目。
对于滑块，我使用的是iosSlider插件，对于部分，我使用的是fullPage插件。您可以在以下地址看到该网站：
这是HTML
<div class="row photos section" id="lh">
<div class="keys">
浏览 3提问于2014-09-09得票数 0
回答已采纳
1回答
是否可以设置lightbox，使其在双击/点击时显示展开的图片，而不是单击/点击？
更新：
我使用下面的代码来禁用链接上的单击命令，并使它们对双击做出反应：
$('a', this).each(function () {
$(this).click(function () {
return false;
}).dblclick(function () {
window.location = this.href;
retu
浏览 1提问于2014-04-06得票数 0
1回答
我正在动态地从我的数据库中获取数据，以显示在我的网站上，但我遇到了一个问题，不知道如何修复它。
我有一个主页，其中加载了一堆瓷砖，您可以点击并带您到我的SPA的另一个页面。您可以单击的一些瓷砖可以从文件中呈现STL对象，或者某些瓷砖单击时不会呈现STL对象。
我在呈现STL文件的组件中遇到了一个问题。
问题？
可点击组件是多重呈现我的模型组件(或者类似的东西？)
我已经为每个页面视图卸载和重新装入<Model/>了吗？
项目设置的一般问题？
关于STL (模型)组件的问题可以在底部找到
提供
Home.js (主要组件)
ClickableImage
浏览 2提问于2021-02-24得票数 1
回答已采纳
点击图片 ，添加一个样式（给他增加了一个类名），再点击确定，用js获取这个类名下 的src应该没问题吧？但是我这是undefined 为什么？
[图片]
[图片]
浏览 3165提问于2017-11-28
我确实有一个与相关的问题，或者说基于React的静态博客系统。
当查看、等网页时，页面似乎是按一下加载的。加载内容需要几毫秒，直到显示为止。使用Gatsby.js，正如我看到的网站，内容是即时可见的。
问题:这是否意味着Gatsby.js将所有页面内容预加载到DOM中？我有一个页面，大约10个静态页面和100个博客文章，每幅图片5-10张。因此，我不确定系统的速度是否只对某个页面和内容大小有意义？是权衡:整个页面(兆字节)的初始页面加载吗？每点击一次页面加载(千字节？)
一个简单的答案将不胜感激，谢谢！
浏览 0提问于2018-04-01得票数 4
回答已采纳
1回答
不加载/不工作的阴影盒
、、、、
我下载了带有css支持的图像的影子盒的独立版本。我将这些文件加载到我的网站服务器上，并将以下代码放在我的页面上：
网页的HTML头：
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbo
浏览 4提问于2014-02-09得票数 0
回答已采纳
我使用的是Fancybox，这样用户就可以点击图片缩略图，看到更大的图片。
我遇到的问题是，当页面加载时，它并不总是工作。我将点击缩略图，Fancybox不会显示更大的图像。但是，如果我刷新页面，它就会工作得很好。内容是动态生成的，所以我想知道是否需要刷新DOM？
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect : &#
浏览 10提问于2013-03-26得票数 0
1回答
我有一个页面，其中我有一个缩略图画廊。当点击一个时，我想要显示一个更大的图片，然后以类似模式的方式显示关于图片的更多信息，因为点击图片来了解我的意思。内容将通过ajax加载。我还想预先加载较大的图像，以便当用户单击缩略图时，他们将能够查看较大的图像，因为他们等待加载额外的信息。我刚接触模态，那么我如何才能做到这一点呢？
浏览 1提问于2013-04-19得票数 0
回答已采纳
我正在尝试使用pinterest found 的配置文件小工具。在我的网站，它加载完美，但如果我点击图片，链接不起作用。
我试着在一个新的ASP MVC项目上做同样的事情，它工作得很好。
这是我使用的代码：
<a data-pin-do="embedUser" href="http://www.pinterest.com/mysite/" data-pin-scale-height="295" data-pin-board-width="310">Visit MySite profile on Pinterest.&l
浏览 0提问于2014-06-05得票数 0
我有一个JS图片库，当用户单击缩略图时，它会从API加载单个图像到页面中。我希望人们能够在每个图片上添加Facebook评论。因此，我在包含图库的页面中获得了我的Facebook评论元素。
<div class="fb-comments" data-href="" data-num-posts="10" data-width="480"></div>
在加载页面并首先填充图库时，我将comments元素的data-href属性设置为第一个图像的URL (例如)。然后，如果用户单击缩略图，我会将该属性重置为所
浏览 1提问于2012-04-19得票数 3
回答已采纳
我在一个页面上有多个图像，代码如下： //main image
<img src="/my_image.png" id="main_img" />
//other images
<img .... onclick="setMainImg(this)" />
<button onclick="getSize()">get size</button>
//js, at the bottom
var mainImg = document.getElementById(
浏览 17提问于2019-04-04得票数 1
在我的设计中，页面布局有侧边栏，页面在初始加载页面时显示图片库，当单击侧边栏中的按钮时，页面应显示过滤后的图像。我可以在侧边栏的点击事件中得到API服务器的过滤响应，但无法调用页面的图片加载函数，我如何调用侧边栏的点击事件中的页面加载函数？提前谢谢你
浏览 29提问于2020-02-25得票数 0
回答已采纳
1回答
我是自学的HTML，CSS和JavaScript，并试图把一些东西放在一起.
我想有100个可点击的图片/链接(只是同一图像的按钮，真的)。我想要一个百分比的按钮链接到一个页面，其余的链接到另一个页面。这将是盲目的用户，直到他们点击它。
每次页面重新加载时，我都希望图片/链接被随机分配到它们所在的位置。
我知道我可以用Math.random()在JS中生成一个随机数，但我似乎不知道如何做我上面描述的事情。我知道我可以通过做来学到最好的东西，所以我在看是否有人有任何指导。
浏览 2提问于2020-03-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
