我有一个包含从javascript文件中填充的div的图片库html页面。
以下是html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="US-ASCII">
<title>Gallery</title>
</head>
<body>
<div id="example"></div>
<script src="js/gallery.js"></script&
浏览 3提问于2014-06-01得票数 0
回答已采纳
img 的图像和ID是由Jinja2模板动态生成的，图像通过一个函数返回。因此，我希望使用$this jquery选项在按钮元素上获得img .这是jinja2模板代码.
<div id="center-container" class="span9">
{% for article_row in images | batch(3, ' ') %}
<ul class="thumbnails">
{% for article in article_r
浏览 2提问于2013-10-06得票数 0
回答已采纳
$('img').click(function () {
alert($(this).prop('src'))
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<img src="http://www.w3schools.com/tags/smiley.gif" />
<img src="" style="width: 1
浏览 3提问于2015-11-19得票数 3
回答已采纳
SetAttribute是如何使用的？我正在学习JS，并试图从的经验中衍生出一些东西来进一步加深我对JS的理解。
基本上，我要做的就是点击任何一个“圆圈”，一个图像就会出现。
我刚刚开始学习JS。请用尽可能简单的术语来分解它，而不是复杂或花哨的解决方案，因为它们不会对我进一步了解JS做任何事情。
提亚
下面是我的衍生代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Randomy</t
浏览 12提问于2017-08-27得票数 0
3回答
我有HTML，其中包括以下顺序的脚本
<script src="../static/js/jquery.js" type="text/javascript">
<script src="../static/js/bootstrap.js" type="text/javascript">
<script src="../static/js/slides.js" type="text/javascript">
<script src="../static
浏览 2提问于2012-06-18得票数 3
回答已采纳
1回答
我在图库中实现了一个EXIF按钮，使用著名的exif.js脚本从读取EXIF数据。我的映像加载到一个img0 img节点中，然后我使用：
function exif() {
EXIF.getData(img0, function() {
var model = EXIF.getTag(this, "Model");
var datetime = EXIF.getTag(this, "DateTimeOriginal");
var fnumber = EXIF.getTag(this, "FNumber");
浏览 12提问于2022-04-17得票数 -2
我已经下载了最新版本的lightbox2的脚本。我已经将.js文件和.css文件都添加到了我的head标记中。我在代码中为图像使用了新的属性，并确保所有文件都在它们应该所在的文件夹中。尽管如此，我仍然无法获得当您单击缩略图时，弹出较大图像的功能。
请帮帮忙。这是我的头：
<head>
<meta charset="UTF-8" />
<script src="js/jquery-1.11.0.min.js"></script>
<script src="
浏览 2提问于2014-11-11得票数 1
1回答
这一切以前都是有效的，但突然它停止了工作，我似乎不知道我是否做错了什么。所有我需要的是左，右箭头和助手按钮，以显示何时fancybox打开。任何帮助都是非常感谢的。
ps。所有的文件都在那里，因为它过去工作得很好，我刚创建了一个新页面，但它停止了工作。
<!-- Add jQuery library -->
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<!-- Add mousewheel plugin (this is
浏览 3提问于2012-03-31得票数 1
回答已采纳
<a href="img/blog-img-01.jpg" class="single_image">
<div class="blog-img-wrap">
<img src="img/blog-img-01.jpg" alt="">
</div>
</a>
fancybox css，js文件来自cdn。
浏览 7提问于2015-09-11得票数 0
我已经添加了所有属性。当我改变浏览器的宽度时，它们开始粘在一起，它不工作，因为我有太多的图像？
无法将图像换行到新行：
#skills>div {
margin-top: 80px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
<section id="skills">
<h3>skills</h3>
<div>
<div><img
浏览 2提问于2017-07-21得票数 0
我有一个名为social的模块，其目录如下：
frontend
-- modules
-- social
-- assets
-- SocialAsset.php
-- controllers
-- views
-- default
-- layouts
-- main.php
-- web
-- css
-- js
-- img
M
浏览 4提问于2015-10-18得票数 2
回答已采纳
2回答
在html文件中，我有这样的内容：
<img src="dist/assets/img/photos/md/photo-1.jpg"/>
然后使用JS检查窗口宽度，并相应地将图像的路径更改为如下所示：
<img src="dist/assets/img/photos/xs/photo-1.jpg"/>
或
<img src="dist/assets/img/photos/lg/photo-1.jpg"/>
问题是，对于xs窗口，它是只加载xs大小的映像还是同时加载md (因为我在html中有md路径)加上来自j
浏览 5提问于2015-10-14得票数 0
回答已采纳
1回答
大家好，我正试着做一个jquery菜单，就像Mac里的一样，但是我的jqDock卡在底部了，我想让它在标题里。
这是网站：。
下面是html代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta ht
浏览 1提问于2011-04-09得票数 0
回答已采纳
card.js
export class Cards {
constructor(domain, topic, limit) {
this.domain = domain;
this.after = '';
this.topic = topic;
this.limit = limit;
}
addCards(parentElement) {
let url = `https://www.${this.domain}.com/r/${this.topic}.json?after=${this.after}&limit=
浏览 4提问于2022-12-04得票数 0
我试图渲染多个图像使用安培选择器在安培-旋转木马，但图像没有加载。如果我试图在安培选择器标签内有安培旋转木马，那么图像正在呈现，但这不是我的用例。
有人能解释一下这个问题并提出其他建议吗？
<!doctype html>
<html amp4email data-css-strict>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script&g
浏览 8提问于2022-07-05得票数 0
回答已采纳
我能够缓存本地文件(图像、js等)完全没问题。
理想情况下，我希望能够指向远程资源，例如存储在Azure上的blob存储中的.mp4，并对其进行缓存。这有可能吗？
我没有在我的日志中看到任何错误，但我也没有看到它正在被下载，因为它在我的应用程序缓存中的Chrome ->资源面板下不可用。
我的清单：
CACHE MANIFEST
# Init 11-24-15
index.html
### Images
img/Night-Trap-32x-Front.jpg
/img/icons/Bathroom.jpg
/img/icons/Bedroom.jpg
/img/icons/Drive
浏览 2提问于2015-11-25得票数 0
我编写了以下JS代码
<html>
<body>
<img id="img" src="http://example.com/img.jpg" />
<script type="text/javascript">
//<![CDATA[
(function(){
img = document.getElementById("img");
img.src = "http://example.com/img.png";
})();
浏览 1提问于2010-12-10得票数 0
回答已采纳
我有一个类方法的问题，这个方法除了“.attr”之外，并不适用于所有的属性。我试图提取"alt“属性来获取商店的名称，但就是不起作用。对"src“和"data-original”进行了相同的尝试，但没有打印出任何内容。
下面是我用来提取数据的整个方法。
public List<String> getShops() {
Elements elements = document.select(".store-logo");
System.out.println(elements.html());
fo
浏览 27提问于2020-02-14得票数 0
回答已采纳
1回答
当一个点击下拉菜单出现时，我想模糊舞台上的所有东西，但它只是模糊了身体！我有一个白色的句子，当它模糊时，我仍然看到句子的颜色是白色的。这意味着模糊在句子的下面！我怎样才能在所有东西上面，但在下拉菜单下面，变得模糊？
请帮我一把。谢谢
HTML
<div class="click-nav">
<ul class="no-js">
<li>
<a href="#" class="clicker"><img src="img/i-1.png"
浏览 0提问于2014-06-12得票数 0
1回答
大家好，我有一个问题，我是用懒惰加载我的图片在我的网站。我使用服务器端获取我的前10个数据，这是可以的。但是，我使用jquery> ajax加载了接下来的10个数据。我可以得到我想要的数据，但是延迟加载函数不能处理新的数据。
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
$.getScript("//ajax.googleapis.com/ajax/libs/j
浏览 3提问于2015-03-13得票数 0
回答已采纳
我需要将随机int或unix时间戳添加到所有带有img src=""的class='avatar'中。
<img src="a.png" alt="" class="avatar">
<img src="b.png" alt="" class="avatar">
<img src="c.png" alt="" class="avatar">
我知道我可以使用php来设置<img
浏览 5提问于2022-03-13得票数 1
回答已采纳
我在一个响应式项目中使用了和。该网站的幻灯片页面将在2个不同的位置取决于视窗的大小，我正在使用响应JS来填充代码。然而，问题是Flexslider在响应JS填充寻呼机代码之前进行了初始化，因此Flexslider找不到它应该使用的寻呼机。
有没有办法只在Response JS在页面上施展魔法之后才初始化Flexslider插件？
我的标记是这样的：
<body data-responsejs='{
"create": [
{ "breakpoints": [0,320,481,641,961], "mode": &#
浏览 2提问于2012-09-09得票数 0
回答已采纳
2回答
我无法找出在我的div中没有显示任何东西的错误。
HomeController.js (主计长)：
app.controller('HomeController', ['$scope', function($scope) {
$scope.icons = [
...
];
$scope.works = [
{
title: 'An Artsy Title for an Artsy Image',
img: 'img/an-artsy-
浏览 2提问于2015-12-14得票数 0
回答已采纳
我想知道，当lazyload的图像语法需要img标记以及数据原版时，如何将lazyload.js与Picturefill结合在一起，而Picturefill的语法没有这些地方。
例如，这是我使用Picturefill对图像的标记：
<span data-picture data-alt="Operating room 2 stands vacant in Dr. Tariq Mahmood's closed Renaissance Hospital in Terrell, Texas.">
<span data-src=&#
浏览 3提问于2013-12-10得票数 2
回答已采纳
如何查找以下错误报告的错误？
GET http://localhost:8080/img/%7B%7BCurrentPage.img%7D%7D 404 (Not Found) angular.js:2763
r.html angular.js:2763
S.(anonymous function) angular.js:2810
(anonymous function) angular-ui-router.min.js:7
N angular.js:6711
g angular.js:6105
(anonymous function) angular.js:6001
j angular-u
浏览 0提问于2014-10-08得票数 18
回答已采纳
我有一个侧导航栏，可以改变div的内容，这个div存放着我使用JavaScript的图片库。在此div中还包含对当前图库集的段落描述。
我的问题不是侧边栏的JavaScript没有改变div的内容，而是图库不显示，而只显示段落。这就是我知道我的代码正在工作的原因。
我认为在侧栏的JS和画廊的JS之间可能存在冲突。
以下是图库的代码：
$(function(){
$('#myGallery').galleryView({
panel_scale: 'fit',});
});
下面是侧边栏的代码：
$(document).ready(
浏览 0提问于2013-03-26得票数 0
回答已采纳
我在我的网站上有这个存档文件，并且工作正常。但当我在IE11中打开它时，图像的大小并没有调整。 在Chrome中： ? 在IE11中： ? 我的代码： <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"><
浏览 27提问于2020-06-29得票数 1
回答已采纳
2回答
我已经建立了一个角度应用程序，利用Instagram API来获取图像。如果一个用户后来删除了一个图像，我就会得到一个破碎的图像(404)。我试图使用jQuery隐藏包含这些(破碎的)图像的div，但它们仍然出现。
我将以下jQuery放在“custom.js”文件中，并在“index.html”文件中引用该文件：
$(document).ready(function() {
$("img").error(function() {
$(this).parent().hide();
});
});
我在“jQuery”的标题中引用了“custom.
浏览 7提问于2014-11-08得票数 3
回答已采纳
如果样式是在CSS中声明的，并且在声明内联时工作良好，为什么这个JS会返回空白呢？
//html
<img id="myImg" src="http://jsfiddle.net/favicon.png" />
<img id="myImg2" src="http://jsfiddle.net/favicon.png" style="display:none;" />
/css
#myImg {
display:none;
}
//vanilla JS
var el = docu
浏览 6提问于2013-07-29得票数 5
回答已采纳
我正在使用测试驱动开发来测试一些JS功能。
这是JS
CardReader.prototype.lockDevice = function() {
this._buttonElement.disabled = true;
this._statusElement.innerHTML = " ";
this._statusElement.innerHTML = 'Waiting for NFC card <img id="image" alt="Waiting" src="/img/waiting.gif
浏览 3提问于2013-05-30得票数 3
回答已采纳
打扰一下，我使用的Laravel和Vue 2有很多。
分析Json数据是一些问题。
拉拉ORM
$banner = Banner::with('banner_img')->get();
return response()->json($banner);
Json数据
[{"id":10,"banner":"AIR","banner_img":[{"id":1,"img":"air_1.png","banner_id":10},{"i
浏览 2提问于2017-07-12得票数 0
回答已采纳
1回答
我正在尝试使用这个站点的演示：
并尝试在一个页面上实现两个滑块。我正在定制链接演示。
由于我使用两种不同的滑块: slider1和slider2，具有不同的css，所以我使用global.css作为滑块-1，并为滑块-2创建了text.css。我注意到js: slides.min.jquery.js文件使用了' css‘元素，比如slides_container，next，prev，所以我创建了另一个js :slider.text.jquery.js，将css内容替换为: slides_containerT、nextT、prevT作为text.css。但代码不起作用。请帮助我，因为
浏览 2提问于2012-12-12得票数 0
2回答
按父/递归排序数组
、、、
我有返回以下内容的SQL查询：
Array
(
[0] => stdClass Object
(
[id] => 1
[parent] =>
[created_at] => 2015
[updated_at] => 0
[name] => Strona Główna
[short] =>
[content] =>
[header
浏览 1提问于2015-12-03得票数 1
回答已采纳
我有引导集成Wordpress下划线模板。
我想要制作一个具有相同高度的图像的水平滚动容器。
我被困在一点上，我有可滚动的容器，但是图像的高度是不一样的；
/*for example purposes*/
.example{
background:pink;
}
/*underscores style.css*/
img {
height: auto;
max-width: 100%;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
浏览 2提问于2022-02-20得票数 0
回答已采纳
所以，我有一个闪屏的构造器。我使用的是画布图形(下面的ctx是对画布元素的2d上下文的引用)，但当我尝试获取上下文的本地副本时，似乎丢失了它。有人知道为什么它在哪里变得不确定了吗？(见下文)
function SplashScreen(_ctx)
{
this.loadScene = function()
{
this.img = new Image();
this.img.onload = this.render;
this.img.src = 'art/SplashScreen.png';
};
浏览 0提问于2012-06-09得票数 1
回答已采纳
3回答
我以前问过类似的问题，但那是关于与动态创建的元素相关的事件。现在，我只想更改div中动态创建的img标记的类列表。这就是全部内容，我想创建一个滑块，其中包含从JSON文件获取的src和alt属性拍摄的三个图像。函数正常地创建了所有这三个类，并且正如我所希望的那样，将displayNone类放在除第一个之外的每个img上。另一个函数应该每隔3秒在循环中检查不包含displayNone类的标签的所有动态创建的img标签，并将其添加到该特定的img类displayNone，然后获取下一个，或者如果它是最后第一个，则获取img并移除他的displayNone类。我在内部函数中创建了var来获取这些图像
浏览 0提问于2021-02-15得票数 0
在slick.js中，如何在轮播项目之间放置间隔或间距。下面是我的js和html，滑块图像或项目之间没有空格。
$('.responsive').slick({
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
]
});
<div c
浏览 1提问于2016-10-30得票数 1
有谁知道如何将opencv.js垫子转换为张量，这样我就可以将其输入到我的tensorflow.js分类器中？ 以下代码显示了我在读取和预处理要分类的图像时所做的工作： img_array = cv.imread(document.getElementById('picture1'), cv.IMREAD_GRAYSCALE);
cv.cvtColor(img_array, img_array, cv.COLOR_RGBA2GRAY);
let dsize = new cv.Size(100, 100);
cv.resize(img_array, img_array, dsi
浏览 39提问于2021-07-06得票数 1
回答已采纳
我用的是样式的组件。
component_name.js
// import statement
import MyArrow from '../../path/to/img.svg"; // <- svg file
// inside return statement
<Arrow src={MyArrow} />
styled.js
export const Arrow: Object = styled('img')`
top: 5px;
/* other styles ... */
`;
图像路径是正确的。但是图像并没有出现。H
浏览 4提问于2022-08-19得票数 0
我试图将带有vue.js的属性src添加到img标记：<img v-bind:src="{object.url}"/>中，但由于某种原因，图像没有加载。
浏览 8提问于2022-04-29得票数 0
1回答
我试图使用它的样式选择器来选择一个图像元素。我用Python编写了代码行，但在将其转换为JavaScript时遇到了问题。这是我目前为止的尝试。请注意python代码有效。是因为我对js有意见。
if driver.find_element_by_css_selector("img[style='object-fit: cover;']") is not None:
download_url = driver.find_element_by_css_selector("img[style='object-fit: cover;&#
浏览 2提问于2022-01-09得票数 0
1回答
我正在制作一个投资组合网站，我试图使标志图像显示，但他们没有出现。
最初，我在this.state中使用了HomePage.js中的内容，但我决定将其放在另一个文件中会更整洁。这些图片是在HomePage.js时出现的。
相关守则
HomePageContent.js
// Image import statements
import Image1 from '../img/Image1.jpg';
import Image2 from '../img/Image2.jpg';
let HomePageContent = {
jobs: [{
lo
浏览 1提问于2020-08-17得票数 0
回答已采纳
我在php中运行<a>标记。当我在js函数中传递一个参数时，它不会被调用，但是如果我传递空参数，这个函数就会被调用。
js：
function displayBigImage(img){
alert("inside func");
}
php：
//NOT WORKING:
echo "<a href='javascript:displayBigImage('".$row['IMG_ID']."')'>Press</a>";
//WORKING:
echo
浏览 0提问于2009-08-22得票数 0
以下是我的HTML页面：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>Demo slider</title>
<link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css
浏览 1提问于2014-07-11得票数 0
回答已采纳
1回答
我对使用jQuery和js非常陌生。我试图使用ajax或get方法输入任何关键字(例如缅因州茧)，单击submit，然后能够看到缅因州茧gifs的页面。我所拥有的api代码来自giphy。
function searchGif (){
var input = Document.GetElementById("Search_Form");
input.val();
var input = $('#search').val();
$.get('http://api.giphy
浏览 2提问于2020-07-14得票数 2
回答已采纳
2回答
我试图创建一个按钮，当单击该按钮时：
在新窗口中打开一个画布img；
启动打印功能；
使用JS后关闭新页。
到目前为止，这就是我所拥有的：
function printCanvas() {
var canvas = document.getElementById("sidstemoned");
var img = canvas.toDataURL("image/png");
var newWin = window.open("");
newWin.docu
浏览 3提问于2017-01-08得票数 0
回答已采纳
我参考了这个页面，但我肯定做错了什么：
基本上，如果图像具有style="float: left“属性，我想添加"img-left”类，如果style="float: right;“，则添加"img-right”类。
<img class="content-img" style="float: left;" src="/images/my-img.jpg">
我希望它看起来像这样：
<img class="content-img img-left" style="float
浏览 1提问于2012-08-25得票数 4
回答已采纳
我想指导如何使用jQuery来改变两个div的内容，一个有图像，另一个有文本，在旋转木马中点击缩略图。有没有更优雅的方式来做这件事？
<html><head>
<script type="text/javascript" src="jcarousel/js/jquery-1.4.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="jMyCarousel.css"
浏览 1提问于2011-08-09得票数 0
我已经合并了jCarouselLite与我已经工作的网站，但上一次和下一次按钮出现，但没有图像。图像链接是正确的。
有什么想法吗？
jQUERY：
<script type="text/javascript">
//jCarouselLite
$(function() {
$(".slider").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 4
});
}
浏览 1提问于2010-02-04得票数 0
回答已采纳
1回答
我想在Javascipt中隐藏同一个类的图像。我有三个图像要隐藏，但我不知道我如何做到这一点。我试过了但没成功：
html
<img src="img1.png" class="tool">
<img src="img2.png" class="tool">
<img src="img3.png" class="tool">
js
const toolHide = document.getElementsByClassName("tool");
f
浏览 1提问于2020-08-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
