jquery - html5Gallery with angularjs -
i want display gallery of videos in modal angular.js used https://html5box.com/ solution. have problem use scope variables class="html5gallery".
<div class="html5gallery" data-skin="horizontal" data-width="700" data-height="500" > <a href="images/tulip_large.jpg"><img src="images/tulip_small.jpg" alt="tulips"></a> <a href="{{testscope}}"><img src="images/colourful_tulip_small.jpg" alt="{{testscope}}"></a> <a href="images/swan_large.jpg"><img src="images/swan_small.jpg" alt="swan on lake"></a> <a href="images/big_buck_bunny.mp4"><img src="images/red_tulip_small.jpg" alt="red tulips"></a> <a href="images/sakura_tree_large.mp4"><img src="images/sakura_tree_small.jpg" alt="sakura trees"></a>
it's seems me inside class=""html5gallery" couldn't use angularjs variables not grasp {{variable scope}} ps : html5gallery used display gallery of videos .. if know other solutions create gallery videos html5 gallery not hesitate tell me
if html within controller (or directive) , have testscope
properlly set in scope, need change use ng-href
, ng-attr-alt
instead of href
, alt
can processed angular:
<div class="html5gallery" data-skin="horizontal" data-width="700" data-height="500" > <a href="images/tulip_large.jpg"><img src="images/tulip_small.jpg" alt="tulips"></a> <a ng-href="{{testscope}}"><img src="images/colourful_tulip_small.jpg" ng-attr-alt="{{testscope}}"></a> <a href="images/swan_large.jpg"><img src="images/swan_small.jpg" alt="swan on lake"></a> <a href="images/big_buck_bunny.mp4"><img src="images/red_tulip_small.jpg" alt="red tulips"></a> <a href="images/sakura_tree_large.mp4"><img src="images/sakura_tree_small.jpg" alt="sakura trees"></a> </div>
Comments
Post a Comment