Jquery 针对图像的超链接

我对JQuery非常陌生，并想尝试一些设计任务。我读了几篇文章来掌握基础知识，但遇到了一些小问题

我想做的是旋转一些图像。我通过使用以下代码实现了这一点：

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {

$("[rel^='prettyPhoto']").prettyPhoto({ animationSpeed: 'slow', slideshow: 5000, timeout: 2000 });

api_images = ['myimage1.jpg','myimage2.jpg'];
api_titles = ['',''];
api_descriptions = ['','']
$.prettyPhoto.open(api_images,api_titles,api_descriptions);

}); 
</script>

$（文档）.ready（函数（）{
$（“[rel^='prettypto']”）。prettypto（{animationSpeed:'slow'，幻灯片放映：5000，超时：2000}）；
api_images=['myimage1.jpg'，'myimage2.jpg']；
api_标题=[''，]；
api_说明=[''，]
$.prettypto.open（api_图像、api_标题、api_描述）；
}); 

因此，图像正在显示/旋转，这很好，但我很难让每个图像都有一个单独的超链接，因此单击图像会将它们带到相关页面

我试过：

图像\标记='链接'，但不起作用

我曾尝试将a标记添加到api_titles值中，但也不起作用

有谁能建议如何做到这一点