标签: src

使用preg_match匹配IMG标记的SRC属性

我正在尝试运行preg_match从文章中的第一个IMG标记中提取SRC属性(在这种情况下,存储在$ row-> introtext中).

preg_match('/\< *[img][^\>]*[src] *= *[\"\']{0,1}([^\"\']*)/i', $row->introtext, $matches);
Run Code Online (Sandbox Code Playgroud)

而不是得到类似的东西

images/stories/otakuzoku1.jpg
Run Code Online (Sandbox Code Playgroud)

<img src="images/stories/otakuzoku1.jpg" border="0" alt="Inside Otakuzoku's store" />
Run Code Online (Sandbox Code Playgroud)

我得到了

0
Run Code Online (Sandbox Code Playgroud)

正则表达式应该是正确的,但我不知道为什么它似乎匹配border属性而不是src属性.

或者,如果您有耐心阅读这一点而不直接跳到回复字段并输入"使用HTML/XML解析器",那么可以推荐一个很好的教程,因为我很难找到一个适用于PHP 4.

PHP 4.4.7

php regex parsing src preg-match

14
推荐指数
2
解决办法
6万
查看次数

是否可以使用css更改img src属性?

我正在尝试用css更改img src(不是后台img src)

<img id="btnUp" src="img/btnUp.png" alt="btnUp"/>  

#btnUp{
    cursor:pointer;
}
#btnUp:hover{
    src:img/btnUpHover; /* is this possible ? It would be so elegant way.*/
}
Run Code Online (Sandbox Code Playgroud)

css image src

14
推荐指数
4
解决办法
8万
查看次数

使用Angular JS ng-src的后备(默认)图像

我正在尝试使用从模态返回的数据设置图像源.这是在ng-repeat循环中:

<div id="divNetworkGrid">
    <div id="{{network.id}}" ng-repeat="network in networks">
        <span>
            <table>
                <tr>
                    <td class="imgContainer">
                        <img ng-src="{{ ('assets/img/networkicons/'+ network.actual + '.png') || 
                                         'assets/img/networkicons/default.png' }}"/>
                    </td>
                </tr>
            </table>
        </span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

很明显,当network.actual模型属性返回null时,我想填充default.png.但是我的代码没有拿起默认图像,尽管第一张图像在可用时会很好.

我确定这是一些语法问题,但无法弄清楚是什么问题.

fallback image src angularjs

14
推荐指数
6
解决办法
3万
查看次数

jQuery attr()改变了img src

我正在通过jQuery制作一些Rocket启动效果.当我点击Rocket时,它将与另一个火箭图像交换,然后启动.当我单击"重置"链接时,Rocket必须重置起始位置,图像必须恢复.但是有两个问题.首先,"我的火箭图像不会恢复".第二 - 在它恢复到初始位置后,如果我再次点击Rocket,它就不会启动.你能看到并找到我的解决方案吗?

http://jsfiddle.net/thisizmonster/QQRsW/

$("#resetlink").click(function(){
    clearInterval(timerRocket);
    $("#wrapper").css('top', '250px');
    $("#rocket").attr('src', 'http://www.kidostore.com/images/uploads/P-SAM-rocket-blk.jpg');
});
Run Code Online (Sandbox Code Playgroud)

你可以看到$("rocket").attr()行.

jquery image src attr

13
推荐指数
1
解决办法
11万
查看次数

img src =的变量

我有个问题.首先,我不会假装我知道我在这里谈论的是什么.我是http和JavaScript的新手.

我想我的问题可以在这篇帖子IMG SRC标签和JavaScript中得到解答, 但我想我会解释我想要实现的确切事情,以防有更简单的方法.

我有一个网页,我想在上面显示一个图像.唯一的问题是,图像来自自动系统监视器,图像每天自动生成,并根据日期放在新目录中.

例如4月4日=" http://host/partition/2009/apr/04/cpu.gif "
例如4月5日=" http://host/partition/2009/apr/05/cpu.gif "

为了实现这一点,我创建了一些基本的JavaScript,以我需要的格式提供日期.我有这一切工作.现在我只想使用我创建的变量来显示图像.我将JavaScript代码存储在名为displaydate()的函数中.如果我这样做,<script language="JavaScript"> displaydate() </script> 我会看到" http://host/partition/2009/apr/05/cpu.gif ",这是正确的.

现在我如何正确地在网站上显示这个?

 <a href="displaydate()"><img src="displaydate()" </a></td>    //This does not work. I am just adding it to show where I have been heading.
Run Code Online (Sandbox Code Playgroud)

PS我已经阅读了很多关于这方面的内容,并且已经尝试了很多东西,但到目前为止还没有运气.任何帮助将非常感激.

javascript image src

12
推荐指数
1
解决办法
6万
查看次数

javascript检查img src是否有效?

我有类似的东西:

document.getElementById('MyPicture').src = 'attempted.png';
Run Code Online (Sandbox Code Playgroud)

如果客户端无法获取该资源,我想将其替换为:

document.getElementById('MyPicture').src = 'error.png'
Run Code Online (Sandbox Code Playgroud)

我知道我可以在image标签中放置onError = function(),但是如何将Id传递给onError,这样我就可以有一个onError函数可以改变任何坏图片的src?

javascript image src

12
推荐指数
3
解决办法
3万
查看次数

Django模板img src无法正常工作

我想在Django模板文件"base.html"中使用img src标记打印图像:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>Foto</title>
</head>
<body>
    <h1>My helpful timestamp site</h1>
    <img src="google.png" / >
    <hr>
    <p>Made by ... </p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在views.py中我定义:

def hello(request):
    return render_to_response('base.html')
Run Code Online (Sandbox Code Playgroud)

但图像不会显示在浏览器中.如果我打开它作为一个简单的html文件,它会显示在浏览器中.

django image src

12
推荐指数
3
解决办法
4万
查看次数

JSfiddle:我的小提琴的javascript(*.js)url是什么?所以我可以通过src重用它

什么是获取的网址,只获得这个小提琴的JavaScript代码?

所以稍后,我可以通过使用<script rel="" src=""></script>链接调用它来使用它进行测试,例如:

<script rel="script" src="http://jsfiddle.net/.../.../myFiddleScrip.js"></script>
Run Code Online (Sandbox Code Playgroud)

JSfiddle商店版本的脚本,我的IDE没有.


编辑:我知道/ show/page,我的问题是是否有一个独立的.js页面?


编辑:截至2013年3月,以下模式有效!(请+1丹尼的回答!)

javascript jquery web-ide src jsfiddle

12
推荐指数
2
解决办法
2426
查看次数

点击即可更改img src

我在论坛上搜索了一个特定的问题,但我找到的所有解决方案都不能解决我的问题.

我左边有一张图片.在右边,我有不同的词.因此,当我点击某个特定名称时,我希望图片更改为我在图像文件夹中的任何图片.基本上,我希望图像的来源发生变化.这是我的索引的代码:

<div id="picture_here">
     <img src="images/mtkili.png" id="picture"/>
</div>

<div id="about">
     <div id="mtl">Mtl</div>
</div>

<div id="about_2">
     <div id="contact">SF</div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我尝试的两个jqueries公式:

$('#mtl').click(function(){
    $('#picture').attr()({
        'src':'images/short.png'
    })          
})
Run Code Online (Sandbox Code Playgroud)

和:

$('#mtl').click(function(){
   $('#picture').attr('src', 'images/short.png');
});
Run Code Online (Sandbox Code Playgroud)

jquery image src

11
推荐指数
1
解决办法
6万
查看次数

JavaScript - 从HTML img src获取字节大小

我想知道如何使用HTML/JS从"img"标签中获取"src"的字节大小.

<img src="https://ofbuckleyandbeatles.files.wordpress.com/2011/01/testpattern.gif"/>
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,我基本上想知道"testpattern.gif"有多大(以字节为单位).

提前致谢.

html javascript byte src

11
推荐指数
2
解决办法
2万
查看次数

标签 统计

src ×10

image ×7

javascript ×4

jquery ×3

angularjs ×1

attr ×1

byte ×1

css ×1

django ×1

fallback ×1

html ×1

jsfiddle ×1

parsing ×1

php ×1

preg-match ×1

regex ×1

web-ide ×1