作者ghkckhg (行人)
看板PHP
标题Fw: [问题] 请教PHP问题(FB取图)
时间Fri Oct 18 17:44:23 2013
※ [本文转录自 Programming 看板 #1IOG8KKN ]
作者: ghkckhg (行人) 看板: Programming
标题: [问题] 请教PHP问题(FB取图)
时间: Fri Oct 18 17:40:33 2013
---代PO---
小妹是资传系的，
最近为了毕业专题自学Php遇到一些问题，
主要是想要点击时间轴(
http://almende.github.io/chap-links-library/timeline.html )
里从脸书里抓取到的照片，
然後照片便可以放大或缩小出现在时间轴下面的空白处，
但是可以点击图片，图片却没出现在时间轴下面的空白处。
//点击照片，照片便可出现在时间轴下面的空白处。
$("document").ready(function()
{
$("time img").click(function()//点击时间轴里的脸书照片
{
$("time img").removeClass("focus");
$(this).addClass("focus");//把时间轴里的照片放到下面空白处
$("picture img").attr("src",$(this).attr("src"));
//在空白处显示出时间轴的照片
});
$("time").hover(function(){
$("picture img").css({
"transform":"scale(0.9)",
"-webkit-transform":"scale(1.0)"
});
},function(){
$("picture img").css({
"transform":"scale(1.2)",
"-webkit-transform":"scale(1.0)"
});
});
});
//时间轴的部分，可以抓取到脸书的个人资料(照片和时间)
function drawVisualization() {
// Create and populate a data table.
data = new google.visualization.DataTable();
data.addColumn('datetime', 'start');
data.addColumn('datetime', 'end');
data.addColumn('string', 'content');
data.addRows([
<?
foreach($_SESSION['getphoto'] as $pic){
$time_new =substr($pic['created_time'],0,4).",
".substr($pic['created_time'],5,2).",
".substr($pic['created_time'],8,2);?>
[new Date(<? echo $time_new;?>), ,
'<div><? echo $time_new;?></div><time>
<img src="<? echo $pic['picture'];?>"></time>'],
<? } ?>
//[new Date(2011, 02, 04, 12, 00, 00), ,
'<div>Report</div><img src="../examples/img/attachment-icon.png"
style="width:32px; height:32px;">']
]);
// specify options
var options = {
width: "100%",
editable: true, // enable dragging and editing events
enableKeys: true,
axisOnTop: false,
showNavigation: true,
showButtonNew: true,
animate: true,
animateZoom: true,
layout: "box"
};
timeline = new
links.Timeline(document.getElementById('mytimeline'));
timeline.draw(data, options);
}
//空白处
<picture>
<img></img>
</picture>
------
想请问各位版众是否能看出些端倪，
或有人愿意现场指点的话可回信商谈，
小妹可以请他吃个午饭 >"<
感谢好心人~
btw, 帐号是我哥的，希望大家不要乱他...
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 192.192.154.49
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: ghkckhg (192.192.154.49), 时间: 10/18/2013 17:44:23
1F：→ ha531102:跟php应该没啥关系... 10/19 17:32
2F：推 s540421:跟PHP无关，问题应该出在picture没控制移动picture到时间 10/19 22:47
3F：→ s540421:轴底下？ 10/19 22:48
4F：→ s540421:没使用CSS控制picture的position, left, top等属性？ 10/19 22:49