Hey,
I work with Angolr and phonegap build,
My main page list of images width 100% height 180px Once the amount of 10 + the scroll image becomes slow
If I click on the image and move to another page of his response time high and if I press “back” then higher response time,
Thank you!
Can you setup a simple CodePen example that shows your main page with these images?
Just fork this and add your images and list : http://codepen.io/ionic/pen/vBeqF
temp:
<ion-view title="'Discover'">
<ion-content has-header="true" has-tabs="true">
<div class="list">
<a ng-repeat="Event in eventList" type="item-text-wrap" href="#/tab/EventList/{{Event.id}}" style="background-image:url('{{ Event.picture }}');" class="eventListPicture">
<h2>{{ Event.name }}</h2>
<h3>{{ Event.StartDay | translate }} {{ 'AT' | translate }} {{ Event.TheTime }}</h3>
<h3>{{ Event.fromMe }}</h3>
</a>
</div>
</ion-content>
</ion-view>
css:
.eventListPicture{
width:100%;
height:180px;
display:inline-block;
background-size: cover;
color:#fff;
text-decoration: none;
}
.eventListPicture h2{
font-size: 16px;
color: #000;
margin: 20px 20px 10px 20px;
}
.eventListPicture h3{
font-size: 16px;
color: #000;
margin: 0px 20px 0px 20px;
}
I setup this CodePen sample based on your code. http://codepen.io/calendee/pen/nIbAE
It seems pretty responsive to me with 50 images (those horrible colors are just some small screenshots I took from a color wheel).
I tried this on iOS 6 using mobile Safari and in Chrome on the desktop.
I do not know why, but for me it does not work well on Android.
And iPhone the top-down scroll jumps smallest touches.
If I clicked on one of the pictures and went to another page and then clicked on the back page takes a long time until he responds and comes back.
It helped me!
http://code.ionicframework.com/#nightly
But! Transition between pages is slow!
hey @kfir @Calendee am making one project in ionic in which task is taking picture through camera or choose image from list of images (in horizontal scroll bar list ) and send it to server …so here am facing one problem is how can i show on page that choose image from list…solution to choose image from list please
thanks in advance …you can see my above link for excepted output