0
我試圖做這個教程打開「Picasa圖片庫」圖片:http://www.webtoolkit.info/add-picasa-gallery-to-your-blog-or-website.html#more-418如何使用Highslide
我成功了,但我可以如何通過Highslide(http://highslide.com)打開這些照片嗎? 現在圖片在新窗口中打開,它們也不是全尺寸圖片。
我試圖做這個教程打開「Picasa圖片庫」圖片:http://www.webtoolkit.info/add-picasa-gallery-to-your-blog-or-website.html#more-418如何使用Highslide
我成功了,但我可以如何通過Highslide(http://highslide.com)打開這些照片嗎? 現在圖片在新窗口中打開,它們也不是全尺寸圖片。
標記根據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>');
如果我把這段代碼不起作用。這樣做後我完全看不到照片。 – user2866846