2

私のページに Galleriffic スライドショーがあります。現在、「大きな」画像はスライドショーの次の画像にリンクしています。代わりに外部ファイルにリンクするにはどうすればよいですか?

4

2 に答える 2

10

まず、非表示の div または span タグを順不同リストに追加する必要があります。

<li>
  <a class="thumb" href="/imageurl/image.gif">imageititle</a>
  <span id="project-path" style="display:none;">example_path</span>
</li>

次に、このコードを galleryiffic.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
            };

フルサイズのギャラリー画像の新しいパスを使用してリンクを変更するようにギャラリーに指示します。

            // 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);
                //})
                ;
于 2010-06-23T19:25:18.210 に答える
0

はい - http://prestondentalgroup.com.au/downloads.html で スライド画像のハイパーリンクを使用すると、閲覧者は PDF ドキュメントを開いたり保存したりできます。うまく機能します (example_path の書き方と /project/ を PDF ファイル (サブフォルダーを含む) の URL に置き換える方法を解読したら)。したがって、サイトの images/downloads/ フォルダーから readme.pdf にリンクするには、example_path は images/downloads/ になります。 readme.pdf
および /project/ は http:/prestondentalgroup.com.au/ になります

于 2011-02-07T13:04:59.743 に答える