小编ifu*_*ion的帖子
使用transform:scale在悬停时放大图像,仍然可以使图像从外部变大
我如何制作它以使图像放大自身而不会使外部更大,例如这就是我想要的,我试图实现这个但它不起作用:http://jsfiddle.net/7vY7v/ 130 /.我究竟做错了什么？
我正在使用bootstrap,并使用img-responsiveimgs上的类.
以下是我到目前为止所做的演示:http://codepen.io/anon/pen/XJzexN
码:
HTML:
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6 img-wrapper">
<img src="https://unsplash.it/800" alt="" class="img-responsive">
</div>
<div class="col-md-6 img-wrapper">
<img src="https://unsplash.it/800" alt="" class="img-responsive">
</div>
</div>
<div class="pushdown"></div>
<div class="row">
<div class="col-md-6 img-wrapper">
<img src="https://unsplash.it/800" alt="" class="img-responsive"> …推荐指数
解决办法
查看次数
使用_t()方法翻译DataObject？
我正在尝试DataObject使用该_t()方法翻译.
我一直在Pages上使用它没有问题,但它似乎不适用于数据对象.
class SliderItem extends DataObject {
private static $default_sort = 'Sort';
private static $db = array(
'Sort' => 'Int',
'Title' => 'Varchar(255)',
'Summary' => 'Text'
);
public function getCMSFields() {
$fields = parent::getCMSFields();
$fields->addFieldsToTab('Root.Main', array(
TextField::create(_t('SliderItem.Title', 'Title')),
TextareaField::create(_t('SliderItem.Summary', 'Summary'))
));
$fields->removeByName(array('HomePageID', 'Sort'));
return $fields;
}
}
mysite的/郎/ de.yml
de:
SliderItem:
Title: 'I want to change this'
Summary: 'And this..'
为什么这个例子不起作用？
推荐指数
解决办法
查看次数
如何翻译$ url_handlers？
我有一种情况需要$url_handlers为不同国家翻译以下内容.
因此,在英文网站上,URL如下所示:http://website.com/gyms/boston/group-training
我需要能够翻译URL的"组训练"部分.我已经使用整个_t()方法翻译了网站的其余部分.
我目前的设置:
class GymLocationPage_Controller extends Page_Controller {
private static $allowed_actions = array(
'currentSpecials',
'sevenDayFreeTrial',
'groupTraining'
);
private static $url_handlers = array(
'current-specials' => 'currentSpecials',
'trial' => 'sevenDayFreeTrial',
'group-training' => 'groupTraining'
);
}
如何实现这一目标？
推荐指数
解决办法
查看次数
循环时如何只设置偏移量？
我有一种情况,我需要从第7张图片开始循环我的图像,例如
// This shows the first 6 images
<% loop $GalleryImages.Limit(6) %>
<img src="$Image">
<% end_loop %>
-
然后我需要从病房的第7张图片中显示出来.我们可以在这里使用偏移但我们必须设置一个限制(第一个参数)
<% loop $GalleryImages.Limit(100, 6) %>
<img src="$Image">
<% end_loop %>
有没有办法只设置偏移量或者我应该解决这个问题的另一种方法？
推荐指数
解决办法
查看次数
如何在循环中将css类添加到第2,第5,第8和第11项
我在SilverStripe模板中有一个循环.在循环的第2,第5,第8,第11等项目我需要添加一个css类.service-border.
如何使用SilverStripe模板语言实现这一目标？
<div class="container">
<% loop $ServiceBlockItems %>
<% if $First %>
<div class="row equal-height-columns">
<% end_if %>
<%-- Every 2, 5, 8, 11th iteration I need to add a .service-border class --%>
<div class="col-md-4 service-inner equal-height-column">
<i class="icon-custom icon-md rounded-x icon-bg-u $IconName"></i>
<span>$ServiceHeader</span>
<p>$Summary</p>
</div>
<% if $MultipleOf(3) && not $Last %>
</div><!-- /end row -->
<div class="row equal-height-columns">
<% end_if %>
<% end_loop %>
</div><!-- /end row -->
</div><!-- /end container -->
推荐指数
解决办法
查看次数
如何绕过“由于用户尚未轻按框架或任何嵌入式框架而导致对navigator.vibrate的阻止呼叫”？
我有一个用例，navigator.vibrate一旦图像从侧面滑入，我就需要使用API振动：
此处的代码笔演示：https : //codepen.io/ifusion/pen/XeWqpj
请注意，这似乎仅适用于Android Google Chrome和Android Firefox
但是，如果navigator.vibrate未通过实际触摸激活，则chrome浏览器会在控制台中引发错误：
[Intervention] Blocked call to navigator.vibrate because user hasn't tapped on the frame or any embedded frame yet: https://www.chromestatus.com/feature/5644273861001216.
三星将在此站点第二步的末尾使用它：https : //explorethenextgalaxy.com/（仅适用于android chrome和android firefox）。
发生时的屏幕截图：https : //www.dropbox.com/s/e8h7s3nzfwdk9dk/Screenshot%202017-09-13%2016.50.24.png?dl=0
我已经看过他们的代码，他们navigator.vibrate只是像我一样使用，看不到他们做任何不同的事情。
有办法绕过这个吗？我试过.click()等，但错误仍然显示。
推荐指数
解决办法
查看次数
Composer找不到配置文件：C：\ Users \ Username \ AppData \ Roaming \ Composer \ vendor \ bin
我似乎无法使用以下命令来安装Laravel：composer create-project laravel/laravel laravel-testing --prefer-dist因为它不断抛出以下错误：
[InvalidArgumentException]
Composer could not find the config file: C:\Users\Kieran\AppData\Roaming\Co
mposer\vendor\bin
To initialize a project, please create a composer.json file as described in
the http://getcomposer.org/ "Getting Started" section
该供应商和箱文件夹没有在下面的路径中，所以我创建的文件夹vendor，然后bin内部的，但仍然没有运气：
C:\Users\Kieran\AppData\Roaming\Composer\vendor\bin
我究竟做错了什么？
推荐指数
解决办法
查看次数
如何使用光滑滑块为滑块图像添加慢速缩放效果？
我试图复制滑块在此网站上使用的缓慢缩放效果:https://www.palazzokitchens.co.nz/
我正在使用光滑的滑块,我该如何实现这种效果？
我尝试过scale(1.5)长时间的转换,但这也使它的孩子也能扩展.
我已经设置了一个滑块演示,非常感谢任何帮助:https://codepen.io/ifusion/pen/EvRPOB
推荐指数
解决办法
查看次数
标签 统计
silverstripe ×4
css ×2
composer-php ×1
git-bash ×1
html ×1
javascript ×1
jquery ×1
laravel ×1
slick.js ×1