标签: src

我正在编写一个Web应用程序,它涉及在网页上创建(和删除)大量图像的连续循环.每个图像由服务器动态生成.

var img = document.createElement("img");
img.src = "http://mydomain.com/myImageServer?param=blah";

在某些情况下,其中一些图像在完成下载之前比它们的实用性更长.那时,我从DOM中删除它们.

问题是浏览器即使在从DOM中删除后仍继续下载这些图像.这造成了瓶颈,因为我有新的图像等待下载,但他们必须等待旧的不需要的图像先完成下载.

我想中止那些不需要的图像下载.显而易见的解决方案似乎是通过AJAX请求二进制图像数据(因为AJAX请求可以中止),并在下载完成后设置img.src:

// Code sample uses jQuery, but jQuery is not a necessity

var img = document.createElement("img");

var xhr = $.ajax({
        url: "http://mydomain.com/myImageServer?param=blah",
        context: img,
        success: ImageLoadedCallback
    });

function ImageLoadedCallback(data)
{
    this.src = data;
}

function DoSomethingElse()
{
    if (condition)
        xhr.abort();
}

但问题是这条线路没有按照我希望的方式工作:

this.src = data;

我搜索过高低.有没有办法将图像源设置为通过AJAX发送的二进制图像数据？

Javascript的新手,真的需要一些帮助!

现在我在HTML页面中有一个图像,如下所示:

<a class="p" href="http://www.abc.com"><img src="http://www.abc.com/logo.jpg" alt="" /></a>

并通过以下方式获取图像元素:

var e.document.elementFromPoint(x,y);

当我点击图像时,我可以通过以下方式成功获取src属性或偏移属性:

e.src or e.offsetHeight

但是,当我使用时,它返回NULL:

return e.href;

那我怎样才能得到正确的href属性(http://www.abc.com)？

谢谢,

峰

美好的一天,

我有这样的DOM

<div class="Gallery">
  <div class="GaleryLeftPanel">
     <img id="img1" src="/Content/Public/images/1.png" style="z-index: 100" width="141"
                            height="140" alt="image 1" /></div>
   <div class="GalleryMiddlePanel">
      <img id="img2" src="/Content/Public/images/3.png" style="z-index: 99" width="715"
                            height="497" alt="image 2" /></div>
   <div class="GaleryRightPanel">
      <img id="img3" src="/Content/Public/images/2.png" style="z-index: 98" width="140"
                            height="140" alt="image 2" /></div>
 </div>

我需要的是,如果我点击img1,img2替换为img1,img3替换为img2和IMG1被替换IMG3(圆周运动1-> 2,2-> 3,3-> 1).并且它是连续的...如果我点击img3然后它反向(1 <-2,2 <-3,3 <-1).

为此,我使用JQuery如下:

$('img#img1').click(function () {
        var currentScr = $(this).attr('src');
        var second = $('img#img2').attr('src');
        var third = $('img#img3').attr('src');

        $('img#img3').attr('src', second);
        $('img#img2').attr('src', currentScr);
        $('img#img1').attr('src', third);
    });

    $('img#img3').click(function …

请考虑以下代码:

 <img src="http://website.com/Page/1"/>

"1"是要在website.com的"页面"页面的某些表格中插入的参数.此页面的访问者(包含上面的代码)是否会导致执行页面并向表中插入1？如果页面包含一些Javascript代码.如果我们访问包含上述代码的页面,它会被执行吗？

我希望能够在网页上的图像上获取文件大小.

所以,假设我在页面上有一个图像(已加载),如下所示:

如何在Javascript中调用函数(或者更好的是,jquery)来获取图像的文件大小(而不是维度)？

重要的是要注意我没有使用任何输入或让用户上传图像,从文件API的浏览按钮获取图像大小有很多SO答案.

我想要做的就是根据它的id和src url获取页面上任意图像的文件大小.

编辑:我正在处理某些图像的保持连接,因此Content-Length标头不可用.

我有以下XML:

<ImageButton
    android:id="@+id/SwapTextButton"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:layout_weight="0.5"
    android:background="@drawable/my_gradient_button"
    android:scaleType="fitCenter"
    android:src="@drawable/extended_text" />

它输出一个如下所示的按钮:

有没有办法增加src资源占用的大小？我的意思是将src保持在按钮区域内,但要使它比现在大.

我已经尝试更改scaleType,但任何其他设置都会导致src资源在按钮边界之外显示自身的部分(也就是它变得太大).

我有一项研究,似乎有基于java的解决方案,但理想情况下我也希望将解决方案保留在xml中.

有人可以建议修复/指出我正确的方向吗？

谢谢

<div id='show-image'></div>
<div class='post'>
<div class='inner'>
<img class='post-img' src='http://3.bp.blogspot.com/-Sg5t3utxRzc/UwgyzbLVAAI/AAAAAAAAFBo/vYQX0Cphx8U/s1600/indian-bride.jpg'/>
</div>
</div>

好的,我想要的是我想获得图像.post-img的src,并想在div id ='show-image'中创建一个新的图像元素

如果有人能帮助我使用jQuery实现这一点,我会很高兴

嗨!我有一个图像滑块.当我尝试从我的服务器检索图像时,图像被正确显示.(http://stthomasmountmtc.org/index.html)

但是,当我尝试从Dropbox检索相同的图像时,不会显示/检索图像.(http://stthomasmountmtc.org/index1.html)

 <img src="https://www.dropbox.com/s/woart55urbw792u/image1.jpg" alt="image" />

当我src在浏览器中打开属性中的链接时,可以看到图像,因此链接显然没有被破坏.请分享您的建议.

谢谢Samuel Mathews.

我的代码非常简单:

<video ng-controller="Ctrl" ng-src="scopeSRC" autoplay></video>

.controller('Ctrl', function ($scope, $timeout) {

   $scope.scopeSRC = 'a_src_url';

   $timeout(function () {
     $scope.scopeSRC = 'new_src_url';
   }, 5000);
});

现在当改变src我看到黑色视频.我想要做的是在加载新的src时将前一个src视频的最后一帧设置为缩略图.

你怎么认为我能做到这一点？

谢谢,任何帮助表示赞赏

继我之前的问题之后.我创建了一个辅助函数(见下文),将元素插入到DOM中.函数的一部分使用'instanceof'来确定'this'元素是否是HTMLMediaElement的实例,并通过参数'elemSrc'确定source属性.

我的问题:有没有办法检查一个元素是否"期望"定义一个源属性？我问的原因是,我可以将此函数用于"期望"定义源属性的所有元素.我知道我可以使用instanceof&reel关闭每个使用source属性的元素,但如果可能的话,我更喜欢更流畅的方式.

function insertElem(numberOfElems, elemTag, elemId, elemClass, parentSelector, elemSrc){
    /*
    * numberOfElements:-    Pass in a whole integer.
    * elemTag:-             Pass in the element tag type (inside "" or '').              
    * elemId:-              Pass in a name for the element id (inside "" or ''),
                            an integer is appended to the id name by the for loop.
    * elemClass:-           Pass in a name for element class (inside "" or '').
    * parentSelector:-      Pass in the identifier of the parent element (inside …