Backstretch图库Jquery

我正在使用此处找到的backstretch完整页面插件：

基本上，我的任务是制作一个包含5幅图像的小图库——点击时更改背景的代码是

  $("#outside").click(function(e) {
  e.preventDefault();
  $.backstretch('img/picture.jpg');
  });

我想做的是，当你点击一个图像时，获取该图像的title属性，并使用它来定义backstretch要查找的文件名

因此：

$（“.clicker”）。单击（函数（e）{
e、 预防默认值（）；
$.backstretch（'img/pulledfromtitleattrib.jpg'）；
});

从语义上讲，将新图像文件名放在锚点的rel属性上可能更有意义，图像的标题应该与该图像相关

<a class="clicker" rel="new-image"><img src="/assets/img/image1.jpg" alt="image1" title="image1" /></a>

$(".clicker").click(function(e) {
  e.preventDefault();
  var new_img = $(this).attr('rel');
  $.backstretch('img/' + new_img + '.jpg');
});

这两种方法都使用方法获取属性值

<a class="clicker" rel="new-image"><img src="/assets/img/image1.jpg" alt="image1" title="image1" /></a>

$(".clicker").click(function(e) {
  e.preventDefault();
  var new_img = $(this).attr('rel');
  $.backstretch('img/' + new_img + '.jpg');
});

$(".clicker").click(function(e) {
  e.preventDefault();
  var new_img = $(this).children('img').attr('title');
  $.backstretch('img/' + new_img + '.jpg');
});