List images

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 :


    <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/{{}}" style="background-image:url('{{ Event.picture }}');" class="eventListPicture">
				<h2>{{ }}</h2>
				<h3>{{ Event.StartDay | translate }} {{ 'AT' | translate }} {{ Event.TheTime }}</h3> 
				<h3>{{ Event.fromMe }}</h3>


	background-size: cover;
	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.

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!
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