我正在使用与此类似的代码将 vimeo 视频的缩略图添加到页面。
<?php
if(defined('AT_PROXY')) {
$aContext = array(
'http' => array(
'proxy' => AT_PROXY,
'request_fulluri' => true,
),
);
$cxContext = stream_context_create($aContext);
$contents = file_get_contents('http://vimeo.com/api/v2/video/'.$main_video.'.php', False, $cxContext);
} else {
$contents = file_get_contents('http://vimeo.com/api/v2/video/'.$main_video.'.php');
}
$main_video = 9700052;
$contents = file_get_contents('http://vimeo.com/api/v2/video/'.$main_video.'.php');
$array = @unserialize(trim($contents));
$video_thumbnail = str_replace('http://', 'https://',$array[0]["thumbnail_large"]);
?>
<div class="video_thumbnail text-center">
<img src="<?php echo $video_thumbnail ?>" alt="" class="img-responsive" />
<div class="play js-play" data-vid="<?php echo $main_video; ?>">
<span class="glyphicon glyphicon-play play-btn"></span>
</div>
</div>
当单击 js-play 按钮时，我使用 Javascript 来播放电影。
我的问题是缩略图的大小，大尺寸是 640px，但我希望它稍大一些。 …
我这里有一个jsfiddle - http://jsfiddle.net/0nvns9Lj/1/
我做了我需要做的事,但不知道这是不是最好的方式 - 我相信它应该更容易.
我只需要创建一个播放按钮,所以我有一个包含三角形的圆圈.
它正在工作,但似乎有很多简单的东西搞乱
.wrap{
background: #ddd;
height: 300px;
position: relative;
}
.circle{
background: red;
border-radius: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
width: 50px;
margin: -25px 0 0 -25px;
}
.circle_inner{
position: relative;
height: 100%;
}
.circle_inner:before{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -7px;
}
我这里有一个玩家 - http://plnkr.co/edit/AmoiJi8k000OKA6TNdcz?p=preview
我在这里使用虚拟json - http://myjson.com/4aqlh
我想根据json中的值在页面的不同部分显示json内容
所以具有Section:"New"值的故事将显示在一个div中,而"Old"显示在另一个div中.
这适用于第一个div,其中'New'是显示的,但是在第二个div中只显示'Old',它显示所有的故事.
过滤器有什么问题,或者与Angular构建页面的顺序有关.
<div class="container" data-ng-controller="myCtrl">
<div class="row">
<div class="col-sm-6">
<div class="story" data-ng-repeat="story in stories | filter: story.Section='New' " >
{{story.Title}}
{{story.Section}}
</div>
</div>
<div class="col-sm-6">
<div class="story" data-ng-repeat="story in stories | filter: story.Section='Old' ">
{{story.Title}}
{{story.Section}}
</div>
</div>
</div>
</div>
我这里有一个jsfiddle - http://jsfiddle.net/03xck9tr/1/
这是一个简单的链接列表
单击一个时,我想在该btn中添加一个"选定"类.
我需要从之前被点击的btns中删除'selected'类.
这种工作但它删除了类添加它然后再次删除它.
$(function(){
$('.js-btn').on('click', function(){
$('.js-btn').removeClass('js-btn-selected');
$(this).Class('js-btn-selected');
})
})
我在这里有stackbiltz- https: //stackblitz.com/edit/lable-line-break-vaszab ? file = src/app/app.component.ts
我在Angular应用中有一个d3条形图。
使用创建z轴刻度的函数将x轴标签分为两行
private insertLinebreak(d) {
let labels = d3.select(this);
let words = d;
console.log("Label:", labels.html());
labels.text('');
let index = words.indexOf(' ', words.indexOf(' ') + 1)
let title = words.substr(0, index)
let subtitle = words.substr(index + 1)
let tspantitle = labels.append('tspan').text(title)
let tspansubtitle = labels.append('tspan').text(subtitle)
tspantitle
.attr('x', 0)
.attr('dy', '15')
.attr('class', 'x-axis-title');
tspansubtitle
.attr('x', 0)
.attr('dy', '16')
.attr('class', 'x-axis-subtitle');
};
该函数使用“ this”选择调用函数的“ g”（但在d3中，我认为它选择了整个svg）
这段代码可以在stackblitz中工作，但是在我的实际代码中我得到了错误
Argument of type 'this' is not assignable to parameter of …我这里有一个jsfiddle - http://jsfiddle.net/Q73Nd/3/
和演示 - http://www.ttmt.org.uk/forum/thumb/
我想顺序加载缩略图,然后加载上面第一个缩略图的更大图像.
我的问题是我无法从中得到href大图像<a>
我有一个vars <a>和一个imgCounter.我正试图用这些来获得href
console.log(link[imgCounter]).attr('href');
我如何到达href这里？
我需要一个正则表达式来删除所有非字母数字和空格字符,我有这个
$page_title = preg_replace("/[^A-Za-z0-9 ]/", "", $page_title);
但它不会删除空格字符并用数字替换一些非字母数字字符.
我需要删除puntuation和空格等特殊字符.
我这里有一个jsfiddle - https://jsfiddle.net/nhww0uor/4/
我有一个使用chart.js的简单折线图
数据在代码中进行了硬编码.
我如何做同样的事情,但使用来自json的数据
var data = {
'January' : '65',
'February' : '59',
'March' : '80',
'April' : '81',
'May' : '56',
'June' : '55'
}
const CHART = document.getElementById('lineChart');
var lineChart = new Chart(CHART, {
type: 'line',
data: {
labels: ['January','February','March','April','May','June'],
datasets:[
{
label: 'My first dataset',
fill: false,
lineTension: 0,
backgroundColor: "rgba(75,192,192,0.4)",
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJointStyle: 'miter',
data: [65,59,80,81,56,55]
}
]
}
})
我在这里有一个演示-https: //stackblitz.com/edit/angular-w7vavy?file=src%2Fapp%2Fapp.component.ts
我有一个创建对象数组的简单函数。
如果我typeof在数组上做一个表示它是一个对象。
我做错了什么，是对象还是数组，我需要成为数组
createData() {
this.testData = [];
console.log(typeof(this.testData));
for(let n:number=0; n<=this.dates.length-1;n++){
for(let i:number= 0; i<=4; i++){
this.testData[i] = {
data_1: Math.floor(Math.random() * (this.max - this.min)),
data_2: Math.floor(Math.random() * (this.max - this.min)),
data_3: Math.floor(Math.random() * (this.max - this.min)),
data_4: Math.floor(Math.random() * (this.max - this.min)),
date: this.dates[i]
}
}
}
console.log(this.testData)
console.log(typeof(this.testData));
}
我在这里用jsfiddle来说明我的问题.
https://jsfiddle.net/morettmt/psh674k7/69/
我有一个导航链接到页面中的块(这不是完美的,但这不是问题.)
这实际上是在Wordpress站点中使用,其中块和链接由后端中的内容管理器创建.
我的问题是如果链接有像问号''这样的字符,它就不起作用了吗？在里面.
如果链接中有问号,为什么这不起作用.
.block{
background: #ddd;
height: 300px;
margin: 0 0 10px 0;
padding: 10px;
}