Javascript使文本从html滑入
我试图在网页上制作一个有效的文本幻灯片。我正在使用javascript slidesjs库,因为它似乎是最合适的。但是,我不能让它在被网络点击触发时工作 我有一个运行在以下位置的实时示例: 请注意,当您单击“转到”链接时,不会发生任何事情 基本代码如下,页面似乎应该自动放置锚以触发幻灯片。我不能让它工作,也不知道如何调试它Javascript使文本从html滑入,javascript,html,debugging,Javascript,Html,Debugging,我试图在网页上制作一个有效的文本幻灯片。我正在使用javascript slidesjs库,因为它似乎是最合适的。但是,我不能让它在被网络点击触发时工作 我有一个运行在以下位置的实时示例: 请注意,当您单击“转到”链接时,不会发生任何事情 基本代码如下,页面似乎应该自动放置锚以触发幻灯片。我不能让它工作,也不知道如何调试它 $(function(){ // Set starting slide to 1 var startSlide = 1; // Get slide n
$(function(){
// Set starting slide to 1
var startSlide = 1;
// Get slide number if it exists
if (window.location.hash) {
startSlide = window.location.hash.replace('#','');
}
// Initialize Slides
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
generatePagination: true,
//play: 5000,
//pause: 2500,
hoverPause: true,
// Get the starting slide
start: startSlide,
animationComplete: function(current){
// Set the slide number as a hash
window.location.hash = '#' + current;
}
});
});
有人看到这里出了什么问题吗?
调试此问题的最佳方法是什么?
有没有更好的方法或图书馆,我应该使用?
任何建议都将不胜感激。谢谢 您没有遵循slidesjs.com中的示例。请参阅基本HTML结构。您只在slides\u container div中放置了一个元素,并为其指定了各种奇怪的绝对位置,这当然不适用于动画代码
首先复制粘贴示例,然后开始添加您自己关于样式的调整。我回到slidejs.com上的示例并使用了他们的示例。现在,转到链接可以在幻灯片中工作,但不能在菜单中工作。这是wierd,因为两个链接相同:。你知道为什么幻灯片链接有效而菜单链接无效吗?或者如何修复菜单链接?请参阅更新的示例,我放弃了sliderjs库,并使其与prototype.js库一起工作。我不能让很酷的幻灯片在工作的东西,但正确的文本显示在最后。