# SwipeNavigation for Image Gallery

**URL:** <https://forums.fusetools.com/t/swipenavigation-for-image-gallery/5009>\
**Category:** How-to Discussions\
**Created:** [March 10, 2016, 5:20pm UTC](https://forums.fusetools.com/t/swipenavigation-for-image-gallery/5009 "2016-03-10T17:20:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Levi\_Olson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/levi_olson/32/151_2.png) [@Levi\_Olson](https://forums.fusetools.com/u/Levi_Olson)\
**Post date:** [March 10, 2016, 5:20pm UTC](https://forums.fusetools.com/t/swipenavigation-for-image-gallery/5009/1 "2016-03-10T17:20:35Z")

</div>

What I’m going for is a sort of image gallery. It’s horizontal scroll, and the images should be swipeable.

Basic code as follows:

```auto
<Panel>
    <LinearNavigation />
    <SwipeNavigate SwipeDirection="Left" />
    <Each Items="{images}">
        <ImageGallery>
            <Image Url="{url}" StretchMode="UniformToFill" Width="100%" Height="200" />
        </ImageGallery>
    </Each>
</Panel>

```

Where `ImageGallery` is:

```auto
<Page ux:Class="ImageGallery">
    <EnteringAnimation>
        <Move X="-1" RelativeTo="ParentSize" />
    </EnteringAnimation>
    <ExitingAnimation>
        <Move X="1" RelativeTo="ParentSize" />
    </ExitingAnimation>
</Page>

```

The issue I’m having is that the “scrolling” animation feels off. I’d expect a more “throwing” effect when I swipe my finger, but what I get is a slight pause after swiping, followed by what I assume is the standard easing curve.

How can I make that swipe action feel more natural?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [April 28, 2016, 3:02pm UTC](https://forums.fusetools.com/t/swipenavigation-for-image-gallery/5009/2 "2016-04-28T15:02:05Z")

</div>

Hi!

`<LinearNavigation Easing="CircularOut" />` usually does the trick for me 🙂