下面的标记是静态元素
<img src="http://www.jqueryscript.net/demo/Easy-Image-Morphing-Effect-with-jQuery-Canvas-morphing-js/img/pic.jpg" height="200" width="200" alt="">
我想动态地在img标记周围创建一个div标记，如下所示
<div class="dycls">
<img src="http://www.jqueryscript
浏览 0提问于2015-07-07得票数 1
回答已采纳
动态添加到#div的图像的Load事件不工作，而点击/鼠标悬停等其他事件工作正常。
<div id="test">
<img src="https://via.placeholder.com/50" />
</div>
js
$(document).ready(function() {
// does not work
$('#test').on('load', 'img', function() {
alert('loaded');
浏览 2提问于2019-08-28得票数 1
// env.development.js module.exports = {
fileName: 'banner_dev.png'
} // env.production.js module.exports = {
fileName: 'banner_prod.png'
} // index.vue <script>
import bannerSrc from '@/assets/img/' + process.env.fileName
export default {
data () {
return {
浏览 30提问于2020-10-16得票数 1
1回答
我正在处理一个动态画布，需要添加大小调整锚(鼠标或点击)。我知道有很多关于如何添加大小调整锚的例子，但它们都是用于预装图像的，而且由于我对动态js还不熟悉，所以我正在寻找一个示例，说明如何将它们添加到用户上传的图像中.
这是上传者的js
//image loader
var imageLoader = document.getElementById('imageLoader');
imageLoader.addEventListener('change', handleImage, false);
function handleImage(e) {
v
浏览 1提问于2014-04-20得票数 0
回答已采纳
我想用angular js动态改变body元素上的背景图像。我正在尝试这样做，如下所述：
<body ng-style="{'background-image':'url({{vm.img}})'}">
其中vm.img是从控制器设置的，但我无法相应地更改图像。
浏览 0提问于2016-04-27得票数 0
我试图使用Cycle2幻灯片插件与ASP .NET。图像是动态加载从服务器。
幻灯片不起作用，图像在页面中被一个接一个地加载/显示，但是当我在chrome元素中检查页面html时，html看起来很好。
我只是习惯于知道如何从服务器端(动态)将图像加载到幻灯片。
这是我的HTML代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://aja
浏览 5提问于2015-01-21得票数 1
回答已采纳
我有大约100个英雄形象的地方，需要导入到列表视图。这是我的hero.js
renderRow(hero) {
return (
<View>
<View style={styles.container}>
<Image
source={require('./img/hero/'+hero.img+'.jpg')}
style={styles.thumbnail}
浏览 4提问于2016-10-12得票数 4
因此，我想用Enquire.js根据媒体查询动态添加和删除一个css类，但我需要使用这些函数的帮助。
下面是我想要的伪形式：
if (screens max-width > 480px){
#thumb.removeClass('col-xs-12').addClass('col-xs-6');
}
下面是开始的thumb元素：
<div id ="thumb" class="col-xs-12 col-md-3">
<a href="#" class="thumbnai
浏览 3提问于2014-07-06得票数 0
1回答
我有一个HTML结构：
<div id="snaps">
<div class="snap_item">
<div class="snap_item_following_info">
<img class="snap_item_following_img" src="res/stat/img/user/profile/small/1.fw.png" alt="@JohnDoe" />
浏览 1提问于2014-11-14得票数 2
回答已采纳
目的-一个图片库。
与在“图片库”div中创建每个图片库-映像相反，如下所示：
<div id="html_collection">
<img src="picture_1">
<img src="picture_2">
<img src="picture_3">
</div>
为了简单起见，我将它们存储在javascript数组对象中，如下所示：
var js_collection = [
{
'gallery' : &#
浏览 2提问于2015-06-11得票数 0
我有一个构造Date Picker元素的jquery ui框架。我还让jqtransform动态地改变输入字段。底线是，我需要将动态创建的<img>附加到父div，深度为三个div。为了帮助可视化这一点，我创建了一个JS ，目标是将<img>标记附加到<div>元素中<input>字段的正上方。
我也是包装在一个<div>的标签，一旦所有的说和做。我只需要帮助将<img>标记附加到正确的位置。谢谢你的帮助。
浏览 0提问于2012-03-30得票数 1
回答已采纳
我想插入图像，css和js动态。我有一个文件夹主题，在那里我想有多个主题。
在我的应用程序结构下面。此主题文件夹位于根目录中。
我已经在我的.htaccess中添加了以下记录：
RewriteRule ^(css|js|img)/(.*)$ /themes/default/$1/$2
我的路径将被重定向为：
/css/style.css http://site.com/themes/default/css/style.css
/js/someLib.js http://site.com/themes/default/js/someLib
浏览 0提问于2013-07-11得票数 1
回答已采纳
我使用的是jQuery砖石脚本。第一次加载页面时，一切都很好，但当我添加动态内容时，脚本不会再次重新加载。
下面是我的代码：
<div id="alpha" class="container clearfix">
<div class="item"><img src="<?php echo base_url();?>css/images/default.jpg"/><div id="coment"></div><
浏览 0提问于2012-02-14得票数 2
回答已采纳
1回答
我有下面的JS，用于在元素'.snap_img‘上使用Hammer.js JQuery插件的双击事件。
$("body").hammer().on('doubletap','.snap_img',function() {
img_src = (this).getAttribute('src');
alert(img_src);
return false;
});
元素'.snap_img‘是由AJAX ()请求动态创建的。因此，我需要事件授权才能启动锤子事件。此JS基于以下代码，该代码成功地
浏览 10提问于2014-11-13得票数 1
回答已采纳
1回答
我在创建这个布局时遇到了一些问题：
1:我想保留网格布局，而不管动态生成的图像的大小。
2:图片应该保持它们的纵横比(如果可能，裁剪它们)，
这是我的代码：
HTML：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="style
浏览 1提问于2014-02-28得票数 1
我无法初始化基础动态观察滑块。因为我的代码不工作，所以我试着严格按照教程所说的去做。所以我按照Zurb基金会网站上的教程来构建一个基本的滑块：
并且它不会初始化滑块。在多次尝试之后，我不明白为什么。如果您想测试它，只需解压缩foundation库，并将文件夹重命名为Foundation。
当我加载页面时，Chrome控制台中没有脚本错误。
谢谢你的帮忙
<html>
<head>
<script type="text/javascript" src="foundation/js/vendor/modernizr.js"
浏览 5提问于2014-05-19得票数 0
我编写了一个函数，它将使用body onload=getImages()函数在页面中动态添加图像。
第一个问题是，我无法看到HTML页面上的图像，尽管它们是在我使用inspect元素时出现的。第二，图像选择器不能使用动态内容。
守则如下：
function.js
var imgData={
"1": {
"url": "img/pic1.png",
"name": "pic1"
},
"2": {
浏览 3提问于2015-08-25得票数 1
回答已采纳
1回答
我已经使用下面的snap添加了一个动态内容
var obj = {"Test Tube": "test.png","Beater": "beat.png"};
$.each( obj, function( key, value ) {
$(".instruments").append('<div class="tile bg-gray">'
+'<div clas
浏览 2提问于2015-01-25得票数 1
回答已采纳
我想将动态图像(选中箭头)添加到包含其他div信息(图像+文本)的div中。
这意味着用户在应用程序中拥有这个“对象”。他可以动态添加或取消选择这个对象。
此操作的结果是动态显示或消失箭头。
这个过程在我的vue.js组件中运行得很好。但是，每次箭头出现时，我都可以看到一个偏移量：
我尝试使用v或v-显示vue.js指令，但结果是一样的。
我不想有一个新的偏移显示时，行动检查项目是启动。
--这是模板：
<div id="container">
<div @click="checkedItem(key.id)" class=
浏览 0提问于2019-02-06得票数 0
回答已采纳
2回答
我正在尝试用jQuery动态创建一个滑块。我使用了一个来自的例子，并且已经下载了源代码并复制到了我的js和css文件夹中。
我的代码：
<link rel="stylesheet" href="../css/my-slider.css"/>
<script src="../js/ism-2.0.1-min.js"></script>
<div class="ism-slider" data-transition_type="fade" data-play_
浏览 1提问于2015-09-03得票数 0
我正在尝试动态更改标记的src。它可以很好地将src拉到标记中，但它不会在"example.js“中运行javascript。
My.html
<script src='' id="s1"></script>
<script language="javascript">
function changeSrc()
{
s1.src = "example.js";
};
changeSrc()
浏览 1提问于2012-08-25得票数 1
我遇到的问题是在webpack身上使用vue.js。
我有一个想要在vue.js中动态填充的列表。
我使用v对每个对象进行迭代并创建列表项。
要将img标记绑定到数据点{resource.img}，它看起来如下所示：<img v-bind:src="resource.img">以动态加载图像。
然而，当客户端呈现页面时，src路径是正确的，但是它是实际的相对路径(例如“./assets/example.png”等)，而不是路径webpack输出。因此，该映像创建一个404，因为“./assets/example.png”中没有图像。
或者，如果我硬编码src的图像加
浏览 3提问于2016-10-06得票数 3
回答已采纳
2回答
我使用js代码在我的页面上动态添加了一些图像，如下所示：
if (doorcount == 1) {
$("#doorframe").html('<img src="content/image/door2unopenedlight.jpg" />');
$("#map1").html('<img src="content/image/map2light.jpg" />')
}
else if (doorcount == 2) {
$("#doorframe")
浏览 4提问于2013-05-21得票数 0
回答已采纳
4回答
如何使用jQuery在javascript中获取当前脚本的路径
例如，我有site.com/js/script.js，在这个脚本中有一个代码：
$(document).ready(function() {
alert( ... this code ... );
}
它应该返回带有"/js/script.js“消息的警告框。这个函数应该像php中神奇的__FILE__常量一样工作。
，那么，为什么我需要这个？
我想动态设置背景图像：
$("somediv").css("background-image", "url(" + $SCR
浏览 7提问于2011-12-15得票数 16
2回答
我有这样的代码，它根据您单击地图图像的位置动态地在jpg地图上添加标记。它还动态地创建It。我试图将一个单击事件附加到每个动态创建的标记上，以便如果用户单击标记，它将被删除。问题是，当他们点击标记时，它会生成另一个标记。我希望用户能够通过点击地图在地图上放置标记，然后如果他们想要删除标记，他们可以再次点击它，而不会在他们想要删除的标记上生成一个新的标记。
提前谢谢你的帮助。
JS :
$(document).ready(function(){
var clicks = 0;
$("#container").click(function(e) {
浏览 7提问于2016-12-07得票数 1
回答已采纳
1回答
我尝试动态创建一个'img‘元素并将其插入到现有的div中，但失败了。有没有人知道如何使用prototype框架来做到这一点？下面是我尝试过的：
Case1:所有的html都很好。
<!-- html -->
<div id="thumbnailFrame" class="thumbnailFrameDiv">
<img src="image.png" />
</div>
Case2:没有图像显示。
<!-- html -->
<div id="thumb
浏览 0提问于2013-05-24得票数 1
回答已采纳
4回答
我的目标是让用户选择背景，但我的js不能工作。
<div class="step">
</div>
<div id="images">
<img src="" data-src="">
<img src="" data-src="">
<img src="" data-src="">
<img src="" data-src="">
&
浏览 0提问于2013-10-11得票数 2
回答已采纳
4回答
我正在动态地创建一组li元素
$.each(data.attributes.listingImages, function (i, obj){
if(i == 1){
$('#js-carousel-menu').append('<li media class="active"><a media-frame><img class="js-carousel-item" src=" '+obj.thumbnail+ ' " /></a></li>
浏览 0提问于2012-05-23得票数 0
回答已采纳
我正在尝试使用hrefs和img在JavaScript中显示来自远程位置的一些横幅。
在客户端：
<script src="data/JScript.js?id=123" type="text/javascript"></script>
我想要一些解决方案，以便我可以使123动态在下面的JS文件。到目前为止，它是硬编码的。
我只想给客户提供上面的JS链接，它将生成一个动态链接到一个带有querystring (www.abc.com/123)的网站。
JS文件(JScript.js)：
document.write('<di
浏览 1提问于2015-07-24得票数 0
回答已采纳
我正在使用下面的JS代码通过填充动态生成的代码来打开新窗口。
function OpenWindow(obj) {
var w = window.open();
var stored = $(obj).parent().find("div").html();
w.document.title = "New Window";
w.document.URL = "hello.com/dummypage.html"; //how to assign the url to the newly opened window
浏览 6提问于2013-09-06得票数 9
2回答
我有一个脚本，允许用户选择一个图像并编写一些关于it...they的东西，从JQuery幻灯片查看器中选择图像。
现在，选择图像是easy..but每个图像当前都在一个LI元素中
代码片段：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery.easing.1.3.js" type="text/
浏览 4提问于2012-01-24得票数 1
回答已采纳
2回答
为什么背景-图像不应用内联风格？
、、、、
我在react.js中有一个Hero组件：
if(item.fields!=undefined)
{
var img1=item.fields.images[0].fields.file.url
return (
<Hero hero="roomshero" style={{backgroundImage:`${img1}`}}>
<Banner className="banner" title={`${item.fields.name}`} subtitle="none">
浏览 17提问于2022-05-16得票数 0
回答已采纳
5回答
我为captcha创建了PHP映像，每次生成动态captcha映像时都称为image.php文件。
在signup.php我有
<img alt="" src="image.php">
<input type="button" id="btn" value="cant read captcha">
<!--btn is to load another captcha-->
jscript.js
$("#btn").click(function(){
浏览 7提问于2012-04-05得票数 0
回答已采纳
我有一个这样的演示:我的webpack配置：
module.exports = {
entry: './app.js',
output: {
filename: 'bundle.js',
path: './build',
publicPath: 'http://localhost:3000/'
},
module: {
rules: [{
test: /static\.html/,
use: 'file-loader'
}, {
浏览 23提问于2017-03-16得票数 0
1回答
我正在为AngularJs编写一个自定义指令，它有一个基于我编写的Jquery插件( )的图像旋转器
这是我的指示
.directive('imageRotator', function () {
return {
restrict: 'A',
link: function ($scope, $element, $attr) {
console.log('Before Function');
$element.j360();
cons
浏览 1提问于2014-01-17得票数 1
回答已采纳
3回答
如何查找No.div中存在的元素？？我还想打印div中存在的元素列表。我试过这个，但它不起作用。
<!DOCTYPE html>
<html>
<head>
<title> Div Length</title>
<script type="text/javascript" src="js/jquery-1.6.2.min.js">
</script>
<script>
$(function ()
{
alert(' Elements
浏览 2提问于2013-04-18得票数 4
我使用的是HTMLWebpackPlugin，在我的模板中有一个img标签：
<img src="./images/logo/png">
如果你注意到了，这里我使用了一个相对路径，认为webpack会触发在我的webpack.config.js文件中配置的文件加载器，但编译后，我在我的html中获得了完全相同的src属性：
<img src="./images/logo/png">
我怎么才能触发webpack用我在我的webpack配置中配置的东西来动态替换这些相对路径呢？
浏览 4提问于2017-11-06得票数 37
3回答
到目前为止，我可以在其中动态地将幻灯片添加到owl旋转木马中。但我不知道怎么才能把它放在开头？我已经梳理过一些文档，我不太清楚如何成为第一张幻灯片，而不是最后一张。
到目前为止，我的情况如下：
JS
var img = '<div class="item"><img src="../images/added-img.jpg"></div>';
$("#carousel").data('owlCarousel').addItem(img);
我认为这会很容易，但我不确定
浏览 3提问于2017-06-30得票数 0
1回答
首先为我糟糕的英语感到抱歉，
我正在尝试制作一个简单的全屏动态图像滑块，并在后面添加其他功能。其思想是每x秒显示下一个图像标记，并到达最后一个标记，从第一个开始。
我唯一的问题是，我无法找到如何在一排标签中显示下一个图像标记，每次都不能命名它的类，这不会太动态。
示例：
<div id="image_container">
<img src="img/image1.jpg"/>
<img src="img/image2.jpg"/>
<img src="img/image3
浏览 4提问于2014-09-23得票数 1
回答已采纳
1回答
我已经在我们的网站中实现了bxslider，滑块已经以动态的方式出现了，就像在while循环中一样。下面是while循环中的动态代码，如：
$html_img = '<div class="sch_rel_img">';
if(count($node_img)>1)
{
$html_img .='<link href="'.base_path().drupal_get_path('module','demonz').'/css/jquery.bxslid
浏览 1提问于2013-06-19得票数 2
我正在使用nuxt.js并尝试动态显示图像。这就是为什么我在.env文件中使用.env变量并根据本地环境中的BASE_URL访问图像文件的原因。
.env文件
BASE_URL = https://pctool.herokuapp.com
DB_HOST = dummy_host_name
DB_USER = dummy_user_name
DB_NAME = dummy_database_name
PASSWORD = dummy_password
在image.vue文件中
模板
<img class="pic-0" :src="makeImagePath(
浏览 1提问于2020-03-17得票数 1
1回答
我有一个js文件，在其中我创建了一个动态调整的表，并且我已经知道如何向列中添加文本。我还想添加可以从数组访问的图像，并将它们显示为列。我尝试了几种方法，结果得到了object HTMLImageElement。
下面是我的代码：
for (var i = 1; i <= testNum; i++) {
cInstance.tests(i).then(function(test) {
var id = test[0];
var name = test[1];
var img = new Image();
img.src = ima
浏览 32提问于2018-06-28得票数 0
回答已采纳
此代码工作：
<Image source={require('./../img/icons/mlb/kc.png')} />
此代码不：
var team = 'kc'; //Retrieved from API
var string = './../img/icons/mlb/'+team+'.png'
<Image source={require(string)} />
错误：
未处理的JS异常:需要未知模块“./img/图标/mlb/kc.png”.If您确信模块在那里，尝试重新启动包程序或运行&#
浏览 2提问于2016-06-28得票数 1
回答已采纳
嗨，我正在尝试创建一个动态列表，其中包含1000个在it.The映像中包含图像的项目，它们的来源如下
<img class="lazy" src="http://www.wrensoft.com/zoom/images/zoom_image_search_screenshot.png">
我正在使用jquery.I希望列表中有alt图标的图像，直到每个图像加载，而且图像也应该一个一个地加载。但是，在所有图像加载之前，只显示空屏幕，我有html代码和js代码
HTML
<!DOCTYPE HTML>
<html>
浏览 2提问于2014-09-20得票数 1
回答已采纳
我正在和一起工作。
我有一个包含幻灯片显示的多个动态实例的页面：
如果滑块中只有一个图像，则不会显示该图像。上面链接的第一个滑块显示了此问题。当存在多个图像时，它们都显示得很好：
以下是第一个链接中的单个图像的代码。
这有什么印象吗？我有错误吗？
非常感谢您的任何建议！
<div id="container1">
<div id="slides1">
<div class="slides_container">
<div class="slides_control">
<div
浏览 2提问于2011-07-28得票数 0
回答已采纳
1回答
var data = {
"images": [
"img/image1.jpg",
"img/image2.jpg",
"img/image3.jpg"
],
"captions":[
[
"This is Sample Caption For Image 1",
"Also This is Sample Caption For Image 1"
],
[
"This is Sa
浏览 1提问于2014-05-29得票数 0
1回答
我正在尝试通过const对象动态加载SVG，以便在其他代码块中轻松重用。但是SVG没有显示出来。
当我在顶部导入svg并将其加载到<Img src='../../images/svg-1.svg' />中时，它可以正常工作，但我希望动态导入它以重用它，并在其他块中轻松地更改svg。
请检查以下代码：
Data.js
export const homeObjOne = {
id: 'about',
lightBg: false,
lightText: true,
lightTextDesc: true,
topLine: '
浏览 0提问于2021-04-06得票数 1
1回答
我正在尝试使用以下脚本(laz-load.js)来映像：
function lazyLoadImage(imgContainers) {
var img = $('<img src="">');
imgContainers.each(function (i, elm) {
img.attr('src', $(elm).data("large"));
img.on('load', function () {
$(this).addCl
浏览 6提问于2020-08-20得票数 1
我想在代码中添加backstretch。
这是一个脚本：
<script>
// To attach Backstrech as the body's background
jquery.backstretch("/form-3/assets/img/backgrounds/1.jpg");
// You may also attach Backstretch to a block-level element
jquery.(".foo").backstretch("/form-3/assets/
浏览 2提问于2017-02-09得票数 1
回答已采纳
我尝试动态渲染图像。但我得到了这个错误。动态获取图像源并进行渲染的解决方案是什么？
MainComponent.js
const iconsNames =[
{image:"require('../pngIcons/the-statue-of-liberty.png')"},
]
iconsNames.map(function(item, index){
return (
<CardDetails key={index} data={ item } />
)
.bind(this))
CardDetails
浏览 1提问于2017-02-24得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
