如何使用Highslide打开“Picasa gallery”图片

时间:2013-10-23 19:35:12

标签: jquery html picasa highslide

我尝试了这个教程:http://www.webtoolkit.info/add-picasa-gallery-to-your-blog-or-website.html#more-418

我成功了,但是如何使用Highslide(http://highslide.com)打开这些图片? 现在图片在新窗口中打开,它们也不是全尺寸图片。

1 个答案:

答案 0 :(得分:0)

根据Highslide JS文档标记每个图像:

<a href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/thumbnail.jpg" alt="Highslide JS" title="Click to enlarge" height="120" width="107" /></a>

修改picasa.js以包含上述行,而不是此行中附加的内容:

jQuery('#' + this.containerId).append('<div onClick="document.location.href=\''+this.itemsArray[x].media$group.media$content[0].url+'\'" class="picasaGalleryItem" style="cursor: pointer; width: ' + this.imageSize + 'px; height: ' + this.imageSize + 'px; background: url(' + this.itemsArray[x].media$group.media$thumbnail[0].url + ') no-repeat center center; "></div>');

这会给你:

    jQuery('#' + this.containerId).append('<a href="' + this.itemsArray[x].media$group.media$content[0].url + '" class="highslide" onclick="return hs.expand(this)">
<img src="' + this.itemsArray[x].media$group.media$thumbnail[0].url + '" alt="Highslide JS" title="Click to enlarge" height="120" width="107" /></a>');