Fancybox无法加载

时间:2016-01-25 12:30:11

标签: javascript jquery html fancybox

不确定为什么我的花式盒子不起作用。希望有人可以提供帮助

HTML代码:

<div class ="homeimage">
   <a class ="fancybox" rel="group" href ="images\image9.jpg"><img src ="images\image9.jpg" alt ="Photo by Tom Harper"/></a>
 </div>

导入和JavaScript代码:

<head>
    <title>Tom Harper - Videographer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});

包含所有fancybox文件的文件夹与网页位于同一目录中。单击图像时发生的所有情况是图像在新页面中打开,因为<a>标记现在引用了图像。

1 个答案:

答案 0 :(得分:0)

首先:下载Fancybox插件here

其次:解压缩fancybox插件并实现到你的标题中。 exp ...:link rel =“stylesheet”href =“fancybox / source / jquery.fancybox.css?v = 2.1.5”type =“text / css”media =“screen”“fancybox”是我的 解压缩的插件目录。

第三:关注此Documentation或只复制并粘贴HTML和JavaScript部分。

它会起作用。

from selenium import webdriver

driver = webdriver.Firefox()
driver.get(url)

element = driver.find_element_by_xpath("//input[@type='radio' and @name='AlarmMode']")
element.click()
<script type="text/javascript">
     $(document).ready(function() {
    $("#single_1").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          }
      });
});
</script>