Instagram照片数组包含所有照片到所选照片的​​数组

时间:2014-07-02 20:46:24

标签: javascript php jquery arrays instagram

我正在尝试设置我的Instagram API网站,以便用户可以选择照片

我能够将数据保存在数据库中并显示照片,但无法在不同的阵列中选择照片

这是我的代码:

<?php
    session_start();
    require 'db.php';   
    require 'instagram.class.php';
    require 'instagram.config.php';

    if (!empty($_SESSION['userdetails']))
    {
        $data=$_SESSION['userdetails'];

        // Store user access token      
        $instagram->setAccessToken($data);

    }
    else
    {   
        header('Location: index.php');
    }

    ?>


    <?php

    $popular = $instagram->getUserMedia($data->user->id);

    // Display results
    foreach ($popular->data as $data)
    {
        echo "<img src=\"{$data->images->thumbnail->url}\";">
    }                                       
?>

1 个答案:

答案 0 :(得分:0)

你不能制作图像&#34;可选择&#34;使用php,你需要使用一些javascript和css样式

img.selected {
  border:solid 1px green;
}

然后使用一些javascript,您可以找到document.imagesdocument.getElementsByTagName('img')的所有图片。如果你给他们所有的课程来选择document.getElementsByClassName('insta-photos'),其中图片class属性为insta-photos

,那将是最好的选择。

...一旦你有了图像列表,就可以为&#34;选择&#34;添加一些事件处理,你所要做的就是取消选择所有其他图像(即删除{{1}来自所有图像的类)并通过将其css类更新为&#34;选择&#34;

来选择当前的类

最终使用php,您可以在每个图像周围放置一个链接,该链接从客户端和服务器进行往返,显示&#34;选择&#34;图片。你可以把它作为url参数传递..

selected