Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49083

Gallery Grid Landscape

$
0
0

@obenavidez wrote:

Hello, i need to create some kind of gallery in landscape with two rows, and three images per row, i need to be responsive, but i need to be fixed at the size of the screen, not scroll like actually do, mi code is simple.

<div class="row responsive-sm">
<div class="col col-33" ng-if="$index < info.length">
 <img ng-src="{{urlForImage(info[$index].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+1].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+2].ruta)}}" err-src=/css/img/no-imagen.png"/>
</div>
</div>
<div class="row responsive-sm">
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+3].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+4].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
<div class="col col-33" ng-if="$index < info.length">
<img ng-src="{{urlForImage(info[$index+5].ruta)}}" err-src="/css/img/no-imagen.png"/>
</div>
</div>

please if some one can help me, i'm not very expert in css, i need to be responsive. thank's

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49083

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>