繁体   English   中英

在Wordpress主题中添加fancybox灯箱,而无需使用插件

[英]Add fancybox lightbox in wordpress theme without using a plugin

我希望我的帖子图像在fancybox灯箱中打开。 我有两个具有两个不同主题的wordpress网站。 我在灯箱中为我的图像使用此代码

<div id="gallery-1" class="gallery galleryid-25830 gallery-columns-3 gallery-size-thumbnail">
<a title="image-title" href="image-url"><img class="attachment-thumbnail alignleft" title="image-title" src="image-url" alt="" width="150" height="150" /></a>
</div>

该代码在一个主题中起作用,但在另一个主题中,它进入图像的URL。 我检查了主题文件,发现fancybox没有jquery或js文件。 所以我想知道如何将这些文件添加到主题中,以及应该在CSS文件中进行哪些更改。 请有人帮帮我。 我是编码新手。

事实是,您的插件fancybox会明确要求将jquery作为HTML脚本中的预标头加载项之一,以供浏览器初始化jquery功能。 您必须从来源提供jquery软件包,或使用外部CDN(Google,MS等)。

可以通过在此处编码HTML jquery CDN代码或下载/安装可自动配置为最新jquery CDN软件包的WP PLUGINS来完成。

在确保jquery是标头代码的一部分之后,您的花哨的框应该可以工作(或给您一些提示,表明它试图运行)。 请享用 :)

轻松使用“条件灯箱”或“ nextgen画廊插件”或其他许多侧面灯箱WP插件,如果您使用BP,请考虑只有少数几个插件,例如“ fancybox” 4 buddypress(不支持)。 如果在不使用插件的情况下启用wordpress侧面灯箱,请参见以下页面: http ://fearlessflyer.com/2011/04/how-to-add-lightbox-to-wp-without-plugin/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM