Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular v1.2图像动画_Javascript_Html_Css_Angularjs_Css Animations - Fatal编程技术网

Javascript Angular v1.2图像动画

Javascript Angular v1.2图像动画,javascript,html,css,angularjs,css-animations,Javascript,Html,Css,Angularjs,Css Animations,我一直在阅读教程和过去的问题,试图找出我的代码在将动画应用到我试图显示的图像的过渡时出错的地方 ng show仅能有效地显示选定的图片,但图片的过渡并不能获得我尝试应用到它的效果 <!-- Image Buttons --> <div class="content"> <div ng-repeat='image in images' class="{{image.cls}}" ng-click="showThis($index)" value="{{ima

我一直在阅读教程和过去的问题,试图找出我的代码在将动画应用到我试图显示的图像的过渡时出错的地方

ng show仅能有效地显示选定的图片,但图片的过渡并不能获得我尝试应用到它的效果

<!-- Image Buttons -->
<div class="content">
  <div ng-repeat='image in images' class="{{image.cls}}" 
  ng-click="showThis($index)" value="{{image.set}}">
    <label>{{image.title}}</label>
  </div>
</div>

<!-- Display Image -->
<div id="imgHolder" ng-view class="slidedown">
    <img ng-repeat="image in images" ng-src="{{image.url}}" 
    alt="{{image.id}}" ng-show="nowShowing==$index">
</div>
有人能提供一些提示、错误和方向吗?

只需将class=“slidedown”放在img上,而不是div上

<div id="imgHolder" ng-view>
    <img ng-repeat="image in images" ng-src="{{image.url}}"  class="slidedown" 
    alt="{{image.id}}" ng-show="nowShowing==$index">
</div>


我尝试了一下,但没有产生任何变化。我没有显示任何错误,因此我认为ng动画模块也已正确加载。非常感谢!启动并运行它。感谢你的帮助;现在通过以下方式添加一些很酷的内容:)
<div id="imgHolder" ng-view>
    <img ng-repeat="image in images" ng-src="{{image.url}}"  class="slidedown" 
    alt="{{image.id}}" ng-show="nowShowing==$index">
</div>