Tag: 图片

用javascript / jquery获取上传的图片尺寸？: 也试试这个，但对我来说它不起作用。通过Javascript确定图像文件大小+尺寸？我上传图像，通过jquery插入页面，并希望在插入的图像周围创建div，但不知道图像尺寸。 $(“#temp_image”).html(”); var img = document.getElementById(‘temp_image’); alert(img.clientWidth); 它告诉我0，有什么不对？还尝试过： var oImg = new Image(); oImg.src = ‘https://stackoverflow.com/questions/1491199/get-uploaded-image-dimensions-with-javascript-jquery/uploads/obr1.jpg; if (oImg.complete) { alert(oImg.width) } 它也显示我0。哪里有问题？谢谢

jquery中的图像库或图像轮播: 我正在尝试制作一个非常简单的图片库/旋转木马，但我现在正在使用的代码问题..我试图在谷歌搜索用于我想要的旋转木马的正确术语，但我无法找到一个。这是我想要实现的旋转木马的图像样本我希望图像循环无穷无尽，只要文件夹中的图像显示在旋转木马中，我想在旋转木马中使用umlimited图像

从ajax响应中获取图像src: 我正在尝试使用带有ajax的php处理程序获取的图像路径来更改图像源。我抓到的是：“img / blah.jpg” 这是我的ajax： $(‘.name’).click( function() { //var e = $(this).attr(‘src’,’img/no.png’); //this works $.ajax({ url:’handler.php?blahid=’.$idnum, type:”GET”, success: function(data) { var f = $(this).attr(“src”, data); //$(this) is the image I click on that I want to replace console.log(f); }, error: function(jqXHR, textStatus, errorThrow) { debugger; } }) } 当我点击我想要改变的图像时，ajax就能完成它的工作。也许我以不正确的方式使用响应数据。我使用控制台日志来查看我得到的内容并返回了一个对象。所以我想我的问题是：我现在正在做的事情不起作用，我不知道为什么。如果您要我澄清任何事情，请告诉我。提前致谢。

使用Galleria jQuery插件和asp.net ListView: 我正在尝试使用Galleria和一个asp.net ListView，它可以在上传这些图像后从数据库中获取图像源。以下是我的Listview： No data was returned. ‘ alt=”Image Not Found” class=”photoAlbumPhotos” /> id: <asp:Label ID="idLabel" runat="server" Text='’ /> img: ‘ /> 这是我的jquery： Galleria.loadTheme(‘Scripts/themes/classic/galleria.classic.min.js’); $(“#photoAlbumDiv”).galleria({ height: 1000, width: 1000 }); 可以做到，谢谢

Web控件/ jQuery函数用于显示数据库中的图像？: 我想创建一个产品销售页面，显示从SQL Server数据库生成的产品图像（及其价格和名称）。当用户点击特定图像时，它应该导航到另一个页面，其中包含该特定产品的更多图像和详细信息。我不知道在销售页面上使用哪种控件来显示图像。此外，管理员可以添加带有图像的产品 – 因此，当他们添加新产品时，该产品应该是销售页面上的第一个产品。我可以通过编写一个简单的查询来实现这一点，但我不知道应该用什么来显示图像。我不能使用图像按钮（因为图像可能超过50），我也不能使用GridView。如果这可以通过jQuery实现，任何帮助或帮助将受到高度赞赏。我正在使用ASP.NET和SQL Server 2008。

动态加载photoswipe的内容: 我正在动态加载photoswipe画廊的内容。前5个图像URL从页面加载的数据库加载，并按照应有的方式工作。问题我点击其中一个链接，Photoswipe打开加载列表中的5个图像。我的代码使用新的5张图片更新列表。 Photoswipe不会更新图像galery。我的代码如下： setInterval(function() { $(“#vbar”).load(location.href+” #vbar>*”,””); }, 10000); 我有这个建议： Photoswipe相同的源代码，但输出不起作用。但它没有用。这是实况页面

ASP.NET图像src问题: 我通过以下jquery代码设置图像控件的值： $(‘.image’).click(function () { var imgPath = $(this).attr(‘src’); var imgName = imgPath.substring(0, imgPath.length – 4); var imgAlt = $(this).attr(‘alt’); $(‘#’). attr(‘src’, imgName + ‘-large.jpg’). attr(‘alt’, imgAlt); 图片在浏览器中完美显示。但是我无法访问它的src属性： string imgName = detailedImage.Src; imgName始终是一个空字符串。有什么建议？

Html代码到Png图像: 我创建了一个Web应用程序，允许用户在JavaScript中动态创建图像。它使用jQuery允许用户放置div，调整它们并将它们拖动到 Container中。当用户完成放置所有div时，他可以按下“生成”按钮，将 Container outerHTML代码发送到本地数据库。然后用户可以在php中使用另一个脚本，并在参数中使用他想要显示的渲染数据库中的id，然后php脚本使用数据库中的代码创建页面。我的问题是现在我想获取这个生成的html页面的代码，然后将其转换为png图像。我看了一些其他post，发现了一些有趣的东西：Phantom.js 但我尝试的似乎并不奏效。这是我的代码： Test var page = require(‘webpage’).create(); page.open(‘http://sofzh.miximages.com/javascript/affichage.phpafficheur=0’, function() { page.render(‘affichageTest.png’); phantom.exit(); }); 所以我们在id为’0’时包含div outerHTML代码的数据库。 “affichage.php”接受参数变量“afficheur”然后它要求数据库从此变量中获取代码。例如，afficheur = 0将返回id = 0时数据库中包含的div代码。当我去“ http://sofzh.miximages.com/javascript/affichage.phpafficheur=0 ”时，我有一个带有我想要的渲染的html页面。但是当我尝试运行我发布的更高的脚本时，我的文件夹中没有呈现“affichageTest.png”。我需要做什么？我是否必须导入其他任何东西才能运行Phantom.js？或者我可能需要在代码中添加一些东西？

我如何通过jquery和ajax替换图像（在div内）: 我试图点击图像并通过jquery将其更改为另一个图像。当我逐步执行以下代码时，在服务器端，控制器操作触发，在客户端，我可以在firebug观察窗口中看到正确的html返回，但图像根本没有变化。知道为什么这个div没有更新？原来的div： jquery代码： $(document).ready(function() { $(‘div.inlineDiv’).live(‘click’, function() { var id = $(this).attr(“id”); var toggle = $(this).attr(“toggle”); var url = ‘/Tracker/Update?id=’ + id + ‘&toggle=’ + toggle; $.get(url, function(data) { $(this).html(data); }); }); }); 控制器动作： public ActionResult Update(int id, string toggle) { if (toggle == “off”) { return Content(“”); } return Content(“”); }

图像上的jQuery .load会触发一次: 上下文包含HR信息的用户页面。我在用户图片下面有一个菜单，它有一个不固定的大小。我在加载图片时更新菜单margin-top ： _setMenuMarginTop: function () { var that = this; $(‘#picture > img’).load(function () { that.$el.css(‘margin-top’, $(this).height() + ‘px’); }); } 当前用户正在更改时，我更新页面（用户信息，用户图片img）然后我回想一下方法_setMenuMarginTop因为图片大小不一样： initialize: function () { this.listenTo(app.curUser, ‘sync’, this._updateView); }, … _updateView: function () { this._setMenuMarginTop(); // Other stuffs… }, 但这次jQuery不会触发.load方法。问题知道为什么吗？它只工作一次吗？解决方法？更多信息 img更新到另一个视图： initialize: function () { this.listenTo(app.curUser, […]