好吧,我现在正在做一个网站,我想在每个帖子中嵌入一个时间线。我正在使用WordPress。我插入的时间线会因帖子不同而不同,所以这个时间线不能插入到我正在使用的实际主题中?我对PHP、HTML和JS也很陌生。但我已经搜索了大量的论坛,无论如何也想不出如何做到这一点。不管怎样,这是我的时间表的链接。http://derikgrass.com/timeline/xml/2012-2014/pbj/index.html
这是一个使用iFrame嵌入到我的网站上的时间线的链接。http://www.derikgrass.com/events/?p=526
当你点击时间线中的事件时,当你从我提供的链接中可以看到,当时间线扩展时,iFrame会很好地工作,只要iframe需要比时间线本身大得多。以下是timelines的html代码:
<meta charset="utf-8">
<title>TimelineXML</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/timelinexml.sleek.css"> <section class="demo">
<p> <br/><br/> </p>
<div class="demo-box">
<div id="my-timeline">
<div class="timeline-html-wrap" style="display: none">
</div>
</div>
</div>
</section>
</div>
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via build script -->
<script defer src="js/mylibs/timelinexml.js"></script>
<script defer src="js/script.js"></script>
<!-- end scripts -->我想把它直接嵌入到我创建的特定帖子中。如果有人能够帮助我写代码,以便嵌入这个时间表,我将非常感激。谢谢。
发布于 2014-06-20 05:03:56
我想你的意思是你只是想把他放到你的html里。
<iframe src="http://derikgrass.com/timeline/xml/2012-2014/pbj/index.html" scrolling="no" height="400" width="900"> </iframe>并更改宽度。
但您应该访问源代码(因此请访问该链接),您将看到他使用了一个很好的js文件来使其工作。如果你这样做,你会看到他在使用这个脚本:
http://codecanyon.net/item/jquery-timelinexml/1448100
我不喜欢那里的脚本,因为我相信他们是时髦的网站,但嘿,这是你的电脑和服务器。你决定吧。
https://stackoverflow.com/questions/24315911
复制相似问题