Question

我使用html5up中的以下模板来创建个人网站：

在最近工作部分的每个项目图片缩略图下的说明中，我想添加项目网址和github网址的链接。

当我尝试在文章标记内添加带有这些链接的锚标记时，链接开始打开一个无限加载的灯箱窗口，我收到此错误：

"Resource interpreted as Image but transferred with MIME type text/html:"

以下是我正在尝试做的一些示例代码：

<h2>Recent Work</h2>
                    <div class="row">
                        <article class="6u 12u$(xsmall) work-item">
                            <a href="images/fulls/project.png" class="image fit thumb"><img src="images/thumbs/project.png" alt="" /></a>
                            <h3>Project Title</h3>
                            <p>Project description<a href="http://html5up.net/strata">link</a></p>
                        </article>

我想在p标签中添加项目描述的链接，但是这样做会出错。

有什么想法吗？

Answer 1

在init.js文件中，您会找到以下代码：

// Lightbox gallery.
$('#two').poptrox({
    caption: function($a) { return $a.next('h3').text(); },
    overlayColor: '#2c2c2c',
    overlayOpacity: 0.85,
    popupCloserText: '',
    popupLoaderText: '',
    selector: '.work-item a',
    usePopupCaption: true,
    usePopupDefaultStyling: false,
    usePopupEasyClose: false,
    usePopupNav: true,
    windowMargin: (skel.isActive('small') ? 0 : 50)
});

将selector: '.work-item a',更改为selector: '.work-item a.image',

这将使Lightbox仅适用于image类的链接，而不是尝试处理work-item文章中的所有链接。

链接到外部网站在文章标签内无法正常工作

1 个答案: