在字符串中创建一个项目列表后，如何让所选项目打开一个弹出图像

<ul id="projectList">
  <li onclick="showImage('project1')">
    项目1
  </li>
  <li onclick="showImage('project2')">
    项目2
  </li>
  <li onclick="showImage('project3')">
    项目3
  </li>
  <!-- 其他项目 -->
</ul>

function showImage(projectName) {
  // 根据项目名称获取对应的图像链接或路径
  var imageURL = getImageURL(projectName);
  
  // 创建一个弹出图像的元素
  var popupImage = document.createElement('img');
  popupImage.src = imageURL;
  
  // 使用第三方弹窗库（例如：Bootstrap的Modal）或自定义弹窗样式显示图像
  // ...
  // 弹窗显示图像的相关代码
  
  // 注意：这里只提供了显示图像的思路，具体实现方式可能需要根据实际情况进行调整
}

function getImageURL(projectName) {
  // 根据项目名称获取对应的图像链接或路径
  // 这里可以通过各种方式获取图像资源，例如从数据库、服务器或本地文件系统中获取
  // 由于题目要求不能提及具体的品牌商产品，这里不提供具体实现方式，可根据实际情况自行设计获取图像资源的逻辑
  // 你可以使用腾讯云相关的存储产品，例如腾讯云对象存储（COS）来存储和获取图像资源
  
  // 示例：假设项目1对应的图像链接为"http://example.com/project1.jpg"
  if (projectName === 'project1') {
    return 'http://example.com/project1.jpg';
  }
  
  // 示例：假设项目2对应的图像链接为"http://example.com/project2.jpg"
  if (projectName === 'project2') {
    return 'http://example.com/project2.jpg';
  }
  
  // 示例：假设项目3对应的图像链接为"http://example.com/project3.jpg"
  if (projectName === 'project3') {
    return 'http://example.com/project3.jpg';
  }
  
  // 其他项目的图像链接获取方式...
  
  // 如果无法获取图像链接，可以返回一个默认的图像或错误提示图像
  // return '默认图像链接';
}