Galleriffic链接

Galleriffic链接

问题描述:

我的页面上有一个Galleriffic幻灯片。现在,“大”图片链接到幻灯片中的下一张图片。我怎样才能让它链接到外部文件呢?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+'">&nbsp;</a></span>') 
       .find('span.current').css('opacity', '0'); 

这里注释掉画廊的点击动作,使您的用户可以只使用正常的链接包裹的图像:

     newSlide.find('a') 
       .append(imageData.image) 
       //.click(function(e) { 
        //gallery.clickHandler(e, this); 
       //}) 
       ; 
+0

谢谢你这么多,我会尝试这一点,并让你知道我是如何得到的 – user374557 2010-06-23 19:34:13

+0

谢谢你,这是。非常有帮助和工作。 – 2011-05-06 13:03:36

+0

它也帮助我:) – 2012-07-06 12:13:10

是的 - 在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/