仅显示活动时，在ListBox中水平滚动图像

Question

我有图像的集合，我需要创建像子弹的旋转木马。

目前我有2 ListBoxes

    <ListBox Name="lb" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="0" ScrollViewer.HorizontalScrollBarVisibility="Auto"
      IsSynchronizedWithCurrentItem="True"
      ItemsPanel="{StaticResource HorizontalItemsPanel}"
      ItemsSource="{Binding Source={StaticResource CharacterCollectionView}}" 
      ItemContainerStyle="{StaticResource CharacterContainerStyle}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding SelectedItem.Image, ElementName=lb1}"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
  </ListBox>

    <ListBox BorderThickness="0" Height="20" VerticalAlignment="Top" IsSynchronizedWithCurrentItem="True" Background="#66000000" Grid.Row="1" Name="lb1" ItemsSource="{Binding Source={StaticResource CharacterCollectionView}}">
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" />
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemContainerStyle>
            <Style TargetType="ListBoxItem">
                <Setter Property="Margin" Value="0" />
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Background" Value="#FFFFFF"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
        </ListBox.ItemContainerStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Border Background="#4CFFFFFF" Width="6" Height="6" CornerRadius="3"></Border>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

第一个ListBox for Images，2nd - 用于更改图像的项目符号。如果单击项目符号，图像会正确更改（在更改下我的意思是将图像设置为选中，因此只显示所选项目）

但是我需要添加功能来滑动图像而不使用那些项目符号（当你可以通过触摸或滑动水平滑动图像时）。 Currectly这只适用于所有图像都可见的情况。

当只有选定的项目可见时，如何为图像滑动？