Galleriffic链接
答
首先,你要隐藏的div或span标签添加到您的无序列表:
<li>
<a class="thumb" href="/imageurl/image.gif">imageititle</a>
<span id="project-path" style="display:none;">example_path</span>
</li>
然后,该代码添加到您的galleriffic.js文件。你是从span元素抓住了路径:
addImage: function(listItem, thumbExists, insert, position) {
var $li = (typeof listItem === "string") ? $(listItem) : listItem;
var $aThumb = $li.find('a.thumb');
** var $path = $li.find('#project-path');
** var projectPath = $path.text();
var slideUrl = $aThumb.attr('href');
var title = $aThumb.attr('title');
var $caption = $li.find('.caption').remove();
var hash = $aThumb.attr('name');
然后,你的价值添加到图像变量:
var imageData = {
** projectPath:projectPath,
title:title,
slideUrl:slideUrl,
caption:$caption,
hash:hash,
gallery:this,
index:position
};
现在告诉画廊改变对全链接瓦特/新路径-size图库图片:
// Construct new hidden span for the image
var newSlide = this.$imageContainer
.append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="/project/'+imageData.projectPath+'" title="'+imageData.title+'"> </a></span>')
.find('span.current').css('opacity', '0');
这里注释掉画廊的点击动作,使您的用户可以只使用正常的链接包裹的图像:
newSlide.find('a')
.append(imageData.image)
//.click(function(e) {
//gallery.clickHandler(e, this);
//})
;
答
是的 - 在http://prestondentalgroup.com.au/downloads.html 幻灯片图像上的超链接允许查看器打开/保存PDF文档。 很好地工作(一旦我解密了如何编写example_path并用PDF文件的URL替换/ project /包含子文件夹) 所以要从站点的images/downloads /文件夹链接到readme.pdf, example_path变成了图像/downloads/readme.pdf
和 /项目/ HTTP变成:/prestondentalgroup.com.au/
谢谢你这么多,我会尝试这一点,并让你知道我是如何得到的 – user374557 2010-06-23 19:34:13
谢谢你,这是。非常有帮助和工作。 – 2011-05-06 13:03:36
它也帮助我:) – 2012-07-06 12:13:10