做一个微信小程序实现分别点击3张竖向排列的图片图片跳转至3个网页，给出各个部分的完整代码

要做一个微信小程序实现这样的功能，你需要使用`wx.navigateTo`API来跳转到不同的网页链接。以下是基本步骤和代码示例：

1. 首先，在小程序的页面文件（如index.wxml）中，创建三个竖向排列的图片组件，并添加对应的点击事件处理：

<!-- index.wxml -->
<view class="container">
  <image bindtap="jumpToPage1" src="{{url1}}" mode="aspectFit"></image>
  <image bindtap="jumpToPage2" src="{{url2}}" mode="aspectFit"></image>
  <image bindtap="jumpToPage3" src="{{url3}}" mode="aspectFit"></image>
</view>

2. 然后在对应的json配置文件(index.json)里，设置每张图片的初始URL:

{
  "pages": [
    "index",
    "page1",
    "page2",
    "page3"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat Mini Program"
  },
  "component": {
    "props": {
      url1: "http://example.com/page1",
      url2: "http://example.com/page2",
      url3: "http://example.com/page3"
    }
  }
}

3. 在index.js文件中，编写相应的JavaScript函数来处理点击事件，跳转到对应页面：

// index.js
Page({
  data: {
    url1: 'https://your-page1-url.com',
    url2: 'https://your-page2-url.com',
    url3: 'https://your-page3-url.com'
  },
  
  jumpToPage1(e) {
    wx.navigateTo({
      url: this.data.url1
    });
  },
  jumpToPage2(e) {
    wx.navigateTo({
      url: this.data.url2
    });
  },
  jumpToPage3(e) {
    wx.navigateTo({
      url: this.data.url3
    });
  }
})

记得替换`url1`, `url2`, 和 `url3` 为你实际的网页链接地址。