标签: src

Angular 8 显示图像 src 存储为变量中的 ng 模型

我想将图像 src 显示为动态变量,我在名为 displayImage 的变量中声明了一个默认值作为字符串:

<div class="col-6 " style="margin-top: 35px;">
  <div class="row">
    <div class="col-6">
      <img src="assets/cardsModels/Anniversaire.png" alt="">
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

**

this.displayedImage = 'assets/cardsModels/Anniversaire.pnf'
Run Code Online (Sandbox Code Playgroud)

this.displayedImage 在构造函数中声明,图片未找到,无法显示!

html image src angular-ngmodel angular

4
推荐指数
1
解决办法
5729
查看次数

在jQuery中创建一个更改图像的间隔?

我有一个像这样的工作脚本:

jQuery(document).ready(function(){

    $('.video-thumb img').bind('mouseover',function(){
        var new = $(this).attr('src').replace(/default.jpg/,'1.jpg');
        $(this).attr('src',new);
    }).bind('mouseout',function(){
        var default = $(this).attr('src').replace(/[0-9].jpg/,'default.jpg');
        $(this).attr('src',default);
    });

});
Run Code Online (Sandbox Code Playgroud)

是的,你猜对了.这是为了在间隔时间更改YouTube的缩略图.但是,我不知道如何创建间隔.它现在将缩略图更改为1.jpg,这是另一个缩略图,但它应该在1秒后将图像更改为2.jpg,依此类推.

整个片段应该是从头开始编写的.建议吗?

希望你明白:-D

编辑:我改变了芬兰语中的变量名,我不使用它们.就在这个例子中.

Martti Laine

jquery image timer rotation src

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

如何动态设置src地址?

我试图从页面URL获取信息来设置数据文件的src.

所以,说网页网址是:page.html?x = data_file_3(这个想法是我可以更改网址来访问其他数据文件:data_file_4等)

我抓住了url的"data_file_3"部分,并把它放在一个变量中:(我用的代码工作得很好 - 结果是这样)folder ="/ data_file_3/content.js" - 这个文件的内容是只是一个数组

然后我试试这个:

<script id="url" type="text/javascript"></script>

<script language="javascript">
...
var u = document.getElementById('url');
u.src = folder;
...
</script>
Run Code Online (Sandbox Code Playgroud)

但这不起作用(数组数据不会显示在页面上).我把这个代码放在我曾经硬编码的地方:

<script type="text/javascript" src="/data_file_3/content.js"></script>
Run Code Online (Sandbox Code Playgroud)

硬编码版本有效.有关如何做到这一点的任何想法?

javascript src

3
推荐指数
1
解决办法
285
查看次数

如何设置img"src"路径,以便root和嵌套页面都能找到它......?

我在母版页中遇到一个img元素时遇到问题,我无法从home default.aspx页面和任何使用相同"src"路径的嵌套页面访问它.例如,从主页(位于根目录),我能够显示图像,如果img"src"路径是"Images/test.jpg",但所有页面都位于一个级别,在一个文件夹中根,必须使用"../Images/test.jpg"来显示图像...我尝试使用"〜"和其他方法来获得两个位置的一条路径,但还没有运气.

这似乎太容易了,所以我必须让它变得比这更难......随意用任何线索来启发我.谢谢.

html path relative-path src

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

为什么文件扩展名在网络上区分大小写,而在localhost上不区分?

所以我试图在我的网站上链接一个图像<img src="cat.png alt="cat"/>,因为某些原因它不起作用.后来我发现,当上传到我的服务器上的文件被标记为"cat.PNG"所以我认为输入和固定.但是,当我在localhost上测试我的网站时,它很好.为什么是这样?这是一些安全问题还是localhost在解析文件时更聪明?

我知道这是一个奇怪而随机的问题,但我很好奇.谢谢.

file localhost server-side src

3
推荐指数
1
解决办法
2741
查看次数

在AngularJS中使用ngRepeat的控制台出错

我是AngularJS的新人,我有一点问题.

这是我的代码:

JS:

<script>
var app = angular.module('appList', []);

app.controller('AppListCtrl', function ($scope, $http) {
    $scope.url = 'getappinfo.php';
    $http.post($scope.url).success(function (data) {
        $scope.apps = data;
    }).error(function (data) {
            console.log(data, status);
        });
})

app.directive('application', function () {
    return {
        restrict: "E",
        replace: true,
        scope: {
            name: "@",
            logo: "@"
        },
        template: "<div style='width:100px; height:100px; border:1px solid black'>{{name}}     <img src='{{logo}}' style='width:50px'></div>"
    }
})
</script>
Run Code Online (Sandbox Code Playgroud)

HTML:

<div ng-app="appList">
   <div ng-controller="AppListCtrl" id='applications_holder'>
       <div ng-repeat="app in apps">
        <application name="{{app.name}}" logo="{{app.logo}}"></application>
       </div>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

从getappinfo.php我得到一个包含几个对象的json数组......所有这些都有'name'和'logo'属性.一切正常.

但我仍然有一个困扰我的小问题: 在控制台中出错

这是我在Google Chrome控制台中收到的错误. …

php asynchronous src angularjs angularjs-ng-repeat

3
推荐指数
1
解决办法
718
查看次数

在PHP中,如何使用DOMDocument类替换IMG标记的src =属性?

能够在不丢失任何其他属性的情况下替换HTML IMG标记的src =属性通常很有用.这样做的快速,非正则表达方式是什么?

我不想使用RegEx的原因是:

  1. 它不是很易读.每次我需要考虑一个新案例时,我不想花费20分钟来破译模式.
  2. 我打算修改这个函数,以便在它们丢失时添加宽度和高度属性.为此目的,简单的RegEx字符串替换将不容易修改.

上下文是:我有一堆RSS feed帖子,每个帖子都包含一个图片.我想用空白图像替换这些图像,但保持HTML不受影响:

$raw_post_html = "<h2>Feed Example</h2>
    <p class='feedBody'>
        <img src='http://premium.mofusecdn.com/6ff7098b3c8561d70c0af16d30e57d4e/cache/other/48da8425bc54af2d5d022f28cc8b021c.200.0.0.png' alt='Feed Post Image' width='350' height='200' />
        Feed Body Content
    </p>";

echo replace_img_src($raw_post_html, "http://cdn.company.org/blank.gif");
Run Code Online (Sandbox Code Playgroud)

html php image src domdocument

3
推荐指数
1
解决办法
3968
查看次数

用jQuery切换图像src

我编写了一些代码来切换图像的src,并暂停/恢复jQuery cycle2插件.

我不确定为什么它不起作用,并希望得到一些帮助.

$('.play-pause').click(function(){
    if ($(this).attr('src', '/images/template/pause.png')) {
        $(this).attr('src', '/images/template/play.png');
        $('.cycle-slideshow').cycle('pause');   
    } else if ($(this).attr('src', '/images/template/play.png')) {
        $(this).attr('src', '/images/template/pause.png');
        $('.cycle-slideshow').cycle('resume');
    }
});
Run Code Online (Sandbox Code Playgroud)

如果我删除'else if'语句,则第一个'if'语句有效.

谢谢您的帮助.

杰夫

jquery image toggle src

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

html <script src ="">无效

我有以下用于登录的login.html页面位于设计文件夹中.

<html>
<head>
<title>Login Page</title>
<script src="../Script/login.js">

</script>

</head>
<body>
<h3> Login</h3>
<form name="login">
Location code  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp; <select name="ddl1"><br>
  <option value="loc1" size=20>LH</option>
  <option value="loc2">AT</option>
  <option value="sel" selected>-------select------</option>
</select>
<br><br>
Enter UserName &nbsp;&nbsp;:  &nbsp;&nbsp;<input type="Text" name="inp1" size=20><br><br>
Enter Password &nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;  <input type="password" name="pwd1" size=20><br><br>

<button type="button" name="login" onclick="log()">Login</button> 

</form>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我还有另一个名为scripts的文件夹,其中包含以下login.js文件

function log()
{
 var li=parent.head.document.getElementById('lin');
 var lo=parent.head.document.getElementById('lou');

 var passid = document.login.pwd1.value;
 var passid_len = passid.length;

 var un=document.login.inp1.value;

 var e = document.getElementById("ddl1");
var strUser = e.options[e.selectedIndex].value;

if(strUser=="loc1" || strUser=="loc2")
{ …
Run Code Online (Sandbox Code Playgroud)

html javascript src

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

如何在php中正确编写<img rel="nofollow noreferrer" src>而不转义为HTML

我的PHP代码有问题.我一直在改变所有东西6个小时,无论我做什么,我仍然会得到Parse错误.这是代码:

$slider3 = '<img src="'templates/' . $this->template . '/images/slider/slider3.jpg'">' . '" alt="' . $sitename . '" />';
Run Code Online (Sandbox Code Playgroud)

我能想到的唯一方法是不要让它抛出错误就是这样写:

$slider3 =  '<img src="templates/" . $this->template . "/images/slider/slider3.jpg" .  "/>"';
Run Code Online (Sandbox Code Playgroud)

但我不认为这是对的.

我想$ slider3 ="templates/MYTEMPLATE/images/slider/slider3.jpg"然后我会回显$ slider3;

我对所有单引号和双引号都感到困惑.我认为第一个是正确的 - 我看着它并研究它,它看起来对我来说.但它会抛出一个解析错误.

php joomla image src

3
推荐指数
1
解决办法
1376
查看次数