Galleriffic ссылки

Question

У меня есть слайд-шоу Galleriffic на моей странице. Прямо сейчас "большое" изображение ссылается на следующее изображение в слайд-шоу. Как я могу вместо этого сделать ссылку на внешний файл?

Answer 1

Во-первых, вы должны добавить скрытый тег 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
            };

Теперь скажите галерее изменить ссылку с новым путем на полноразмерные изображения галереи:

            // 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);
                //})
                ;

Answer 2

Да - на http://prestondentalgroup.com.au/downloads.html Гиперссылки на изображениях слайдов позволяют зрителю открывать / сохранять документ в формате PDF. Работает хорошо (как только я расшифровал, как написать example_path и заменить /project/ URL-адресом файла PDF (включая подпапки). Поэтому для ссылки на readme.pdf из папки images / downloads / на сайте, example_path становится images / downloads / readme.pdf
и /project/ становится http:/prestondentalgroup.com.au/