inject image in between every ng-repeat using angularjs - angularjs

Question

I am working in angularjs application, i have used ng-repeat in my application but i need to insert images in between every ng-repeat loop dynamically.
Is it possible to inject image inbetween every ng-repeat.
sample xml file
`<?xml version='1.0' encoding='UTF-8' ?>
<revista>
<notas>
<banner>No</banner>
<bannerFuente></bannerFuente>
<bannerURL></bannerURL>
<copete>Editorial</copete>
<titulo>Se armó en grande</titulo>
<seccion>Opinión</seccion>
</notas>
<notas>
<banner>No</banner>
<bannerFuente></bannerFuente>
<bannerURL></bannerURL>
<copete>Perfiles de clientes</copete>
<titulo>¿Quién se llevó mi negocio?</titulo>
<seccion>Opinión</seccion>
</notas>
<notas>
<banner>No</banner>
<bannerFuente></bannerFuente>
<bannerURL></bannerURL>
<copete>Gestión empresarial</copete>
<titulo>Gestión para pequeños negocios</titulo>
<seccion>Opinión</seccion>
</notas>
</revista>`
js file
$http.get('sample.xml').then(function(response)
{
var dom = response.data;
$scope.posts = dom.revista.notas;
})
html file with ng-repeat and swiper
<div class="swiper-container" ng-controller='MainCtrl'>
<div class="swiper-wrapper">
<div class="swiper-slide" ng-repeat="key in posts">
<div class="mag_content_wrap con_style1">
<div class="cls_favorite_sec editorial_page1">
<h2>{{key.seccion}}</h2>
</div>
<div class="cls_favorite_sec editorial_page">
<div class="cls_inner1 img_r">
<p class="img_con">
<img src="Imagenes/{{key.imagen}}" />
</p>
</div>
<div class="cls_inner2 editorial_page2">
<h2>{{key.copete}}</h2>
<h3>{{key.titulo}}</h3>
</div>
</div>
</div>
</div>
</div>
</div>
In the above code ng-repeat shows three pages properly, but i need to load image inbetween every page after swipe. If i swipe first content it should shows image and if i swipe image it shows second content and vice versa.