需要帮助解决与Safari的滑块javascript冲突吗
我在网站上使用的滑块有问题。 () 该网站是我为一位朋友制作的一个投资组合。所以有几个作品要展示。 每个作品都列为一个链接,当您单击链接时,它会用滑块显示相应的图片。(我使用了一些PHP从数据库Mysql中获取正确的图片) 它可以正常工作,除了狩猎。事实上,有时当我点击一个链接时,页脚的文本(黑框上的白色文本)会消失并重新出现,就像页面正在刷新一样。 此pb有时在第三次单击后出现,有时在多次单击后出现 这是我的密码: 在需要帮助解决与Safari的滑块javascript冲突吗,javascript,slider,Javascript,Slider,我在网站上使用的滑块有问题。 () 该网站是我为一位朋友制作的一个投资组合。所以有几个作品要展示。 每个作品都列为一个链接,当您单击链接时,它会用滑块显示相应的图片。(我使用了一些PHP从数据库Mysql中获取正确的图片) 它可以正常工作,除了狩猎。事实上,有时当我点击一个链接时,页脚的文本(黑框上的白色文本)会消失并重新出现,就像页面正在刷新一样。 此pb有时在第三次单击后出现,有时在多次单击后出现 这是我的密码: 在中: 我打电话给jquery: <script type="text/
中:
我打电话给jquery:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
我调用滑块的javascript文件:
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
然后在公文包英语页面中,我检查与所选作品($contenu)对应的图像:
在php代码之后,我编写了以下javascript:
<script type="text/javascript">
$(document).ready(function() {
$('#slides').slides({
preload: true,
preloadImage:'Images/img/loading.gif',
pagination: true,
fadeSpeed: 0,
slideSpeed: 0,
effect: 'slide, slide',
});
});
</script>
$(文档).ready(函数(){
$(“#幻灯片”)。幻灯片({
预加载:正确,
预加载图像:'Images/img/loading.gif',
分页:正确,
时尚种子:0,
幻灯片速度:0,
效果:“幻灯片,幻灯片”,
});
});
然后我调用footer.php文件。
谢谢好的,在进行任何真正的调查之前,让我们先把一些事情弄清楚
id=“content”
将在其中加载您的内容
现在来看JS/JQuery,每当用户按下div中带有id=“content”
的链接时,必须创建一个名为get_images.php的页面,并使用php代码$\u get['realization']
获取点击链接的数量,从那里它将像当前页面一样工作:)
对不起,我不擅长解释,但是,如果你想让我进一步澄清,就说:)
编辑:
在您的公文包_english.php文件中,应该存在以下代码(我使用的是您网站的英文版本):
enterprise international 1
国际企业2
国际企业3
国际企业4
您应该将链接放在页面的一侧,该侧有一个onClick事件,将链接引导到页面头部的javascript函数:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
show_image(no){
$.ajax({
url: 'get_images.php?realisation='+no,
success: function(data) {
$('#content').html(data);
}
});
}
</script>
[... rest of header ...]
</head>
显示图像(否){
$.ajax({
url:'get_images.php?realization='+否,
成功:功能(数据){
$('#content').html(数据);
}
});
}
[…标题的其余部分…]
此外,在该文件中,您应该具有当前显示图像的div
<div id="content">
</div>
get_image.php
在get_image.php中,您需要拥有当前用于获取图像的内容,因此要将数字(例如41)输入到您正在使用的php代码中,请执行以下操作:
<?php
$number = $_GET['realisation'];
[... Rest of php code to retrieve images ...]
?>
另外,如果您仍然不明白我要去哪里,请尝试阅读jquery文档,看看您是否理解得更透彻:您可以做一个jsfiddle来更好地解释您的问题吗,我不能点击上面列出的网站上的任何链接(语言障碍也帮不了什么忙:p)嗨,Lenny,如果你想把网站改成英文,你可以在页面的右上角有一个链接。我面临的问题是,当你进入网站的公文包页面,然后单击页面左侧的链接时,会出现两个pbs:页脚文本消失并重新出现,整个页面“闪烁”。这些pbs不会在每次单击后出现。有时在第二次单击之后,有时在15次单击之后。而且它只出现在狩猎中。这更清楚吗?如果不是,请毫不犹豫地告诉我。非常感谢。当你说页脚时,你是指页面末尾的大黑框吗?我认为页面闪烁的原因(如果我理解你的话)仅仅是因为你正在加载一个新页面,而safari的渲染速度似乎较慢……嗨,Lenny,是的,页脚是结尾的黑框,上面写着白色文本。在点击链接(在公文包页面的左栏)后,页脚的部分文本消失并再次出现(虽然速度很快,但在大屏幕上,你可以看到整个页面,这很累人)。关于flash页面,我明白你的观点,但现在我认为这个pb是固定的,因为它不再是flshing了。。。但是仍然有页脚的文本会引起错误。。。谢谢Lenny–页脚的闪烁也是因为页面刷新,据我在safari(mac)版本上所知,我必须缩小页脚和旁边的链接,所以页脚应该不会有那么多麻烦,因为没有那么多人像显示器那样拥有32英寸的平板屏幕:P,如果你愿意的话,我会给你一个JSFIDLE来演示我的意思。谢谢你的帮助和建议!我会试试的,我会告诉你的。嗨,里奇。页脚上的错误仍然存在。。。我希望我没有浪费你的时间,但你还有其他建议吗
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
show_image(no){
$.ajax({
url: 'get_images.php?realisation='+no,
success: function(data) {
$('#content').html(data);
}
});
}
</script>
[... rest of header ...]
</head>
<div id="content">
</div>
<?php
$number = $_GET['realisation'];
[... Rest of php code to retrieve images ...]
?>