我的jQuery图像滑块有轻微问题
我正在(并且已经几个小时)尝试在我试图制作的页面上获得一个图像滑块。我筋疲力尽了。我真的需要帮助。下面是页面来源。我猜混搭是在那里,而不是js或css。或者引用的样式表太多?还是事物的顺序?我已经从一个教程网站上复制并粘贴了代码,但无论如何,我都不知道为什么它不会运行。求你了,我需要帮助我的jQuery图像滑块有轻微问题,jquery,html,css,Jquery,Html,Css,我正在(并且已经几个小时)尝试在我试图制作的页面上获得一个图像滑块。我筋疲力尽了。我真的需要帮助。下面是页面来源。我猜混搭是在那里,而不是js或css。或者引用的样式表太多?还是事物的顺序?我已经从一个教程网站上复制并粘贴了代码,但无论如何,我都不知道为什么它不会运行。求你了,我需要帮助 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport"
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0">
<title>OUTER LIMIT MEDIA SOLUTIONS</title>
<link rel="stylesheet" href="bjqs.css">
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="css/standardize.css">
<link rel="stylesheet" href="css/index-grid.css">
<link rel="stylesheet" href="css/index.css">
<!-- load jQuery and the plugin -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="js/bjqs-1.3.min.js"></script>
</head>
<body class="body index clearfix">
<div class="container _container container-1 clearfix">
<div class="element element-1"></div>
<header class="_container clearfix">
<img class="outer-limit-logo" src="imG/OUTER-LIMIT-LOGO-IMPROV.svg">
<div class="contact">CONTACT</div>
<div class="the-work">WORK</div>
<div class="about">ABOUT </div>
</header>
</div>
<div id="container">
<!-- Outer wrapper for presentation only, this can be anything you like -->
<div id="banner-slide">
<!-- start Basic Jquery Slider -->
<ul class="bjqs">
<li><a href=""><img src="img/banner01.jpg" title="Automatically generated caption"></a></li>
<li><img src="img/banner02.jpg" title="Automatically generated caption"></li>
<li><img src="img/banner03.jpg" title="Automatically generated caption"></li>
</ul>
<!-- end Basic jQuery Slider -->
</div>
<!-- End outer wrapper -->
<!-- attach the plug-in to the slider parent element and adjust the settings as required -->
<script class="secret-source">
jQuery(document).ready(function($) {
$('#banner-slide').bjqs({
animtype : 'slide',
height : 320,
width : 620,
responsive : true,
randomstart : true
});
});
</script>
</div>
<div class="divider"></div>
<div class="container _container container-2 clearfix">
<div class="element element-2"></div>
<div class="element element-3"></div>
<div class="element element-4"></div>
<div class="element element-5"></div>
<div class="element element-6"></div>
<div class="element element-7"></div>
<div class="element element-8"></div>
<div class="element element-9"></div>
<div class="element element-10"></div>
<div class="element element-11"></div>
<div class="element element-12"></div>
<div class="element element-13"></div>
</div>
<footer class="_container _container-4 clearfix">
<p class="text text-1">OUTER LIMIT MEDIA SOLUTIONS</p>
<p onClick="window.location='mailto: info@outerlimitkw.com';" class="text text-2">INFO@OUTERLIMITKW.COM</p>
<p class="text text-3">MAZAYA TOWER #1, 12TH FLOOR</p>
<p class="text text-4">KHALID BIN AL WALEED ST.</p>
<p class="text text-5">AL MURGAB, KUWAIT</p>
<div class="container _container container-3 clearfix">
<img class="facebook-outer-limit" src="imG/facebook-outer-limit.svg">
<img class="instagram-outer-limit" src="imG/instagram-outer-limit.svg">
<img class="linkedin-outer-limit" src="imG/linkedin-outer-limit.svg">
<img class="twitter-outer-limit" src="imG/twitter-outer-limit.svg">
<img class="google-plus-outer-limit" src="imG/google-plus-outer-limitt.svg">
</div>
</footer>
</body>
</html>
外极限介质解决方案
联系
工作
关于
jQuery(文档).ready(函数($){
$(“#横幅幻灯片”).bjqs({
动画类型:“幻灯片”,
身高:320,
宽度:620,
回答:是的,
开始:对
});
});
外部限制介质解决方案
INFO@OUTERLIMITKW.COM
马扎亚大厦12楼1号
哈立德·本·瓦利德街
科威特穆尔加布
你在看什么图图?只是检查一下,并与你的作品进行比较。一个小小的建议,试着下一个命令并遵守它。所有图像都将其放入某个目录(例如“/images”),与样式表(例如“/css”)和所有其他内容一样
当你确定所有的CSS都在正确的位置时,检查你对HTML的每一个引用,如果不是绝对必要的话,试着把每个CSS放在更少的文件中
完成后,我建议您一步一步地检查,以实现较低的目标,找到/调试所有这些错误的地方
我有一个猜测,检查demo.css是否应该在哪里。然后对于脚本,我相信该元素没有class属性(该标记显然不存在class属性),尝试删除它并用type=“text/javascript”替换它,然后将其移动到文件底部
希望这有帮助
附言:余数!,如果在同一级别中从一个文件夹引用到另一个文件夹,请确保在斜杠(../)之前添加点,因为您需要访问父级才能访问另一个文件夹。同样的道理也适用于你有几个层次的文件夹只要重复点和斜线你需要的次数,但是老兄,不要滥用它。级别越低越好,请始终保持简单和调整。感谢您的回复@Juanechomon!我从[链接]那里得到了图坦卡蒙。我想我有点明白你的意思-/我反复检查了一下。我保存了演示中的代码,然后除去了我想要的部分以外的所有内容。然后将裸骨代码植入我的网站,我在左边有一张照片,下面是链接文本中的,Prev,Next,1,2,3。就这样。我试图从逻辑上对这件事进行逆向工程。