Instagram 照片数组，其中包含所有照片到选定照片数组 [关闭]答案

【问题标题】：Instagram Photos array with all photos to array of selected photos [closed]Instagram 照片数组，其中包含所有照片到选定照片数组 [关闭]
【发布时间】：2014-07-02 20:46:23
【问题描述】：

我正在尝试设置我的 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}\";">
    }                                       
?>

【问题讨论】：

“使照片可选择”是什么意思？
@eluong：从照片列表/数组中，用户可以选择他喜欢的照片。照片列表/数组code echo "images->thumbnail->url}\";"> } code
这似乎是两个非常不相关的问题合二为一。第一个关于使图像可选的问题与制作发送电子邮件的功能无关。
删除了第 2 个问题

标签： javascript php jquery arrays instagram

【解决方案1】：

您不能使用 php 使图像“可选择”，您需要使用一些 javascript 和 css 样式来做到这一点

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

然后使用一些javascript，您可以找到所有带有document.images 或document.getElementsByTagName('img') 的图像。最好给他们一个类，让他们从document.getElementsByClassName('insta-photos') 中选择，其中图片class 属性为insta-photos

...一旦你有了图像列表，你可以为“选择”添加一些事件处理，你所要做的就是取消选择所有其他图像（即从所有图像中删除 selected 类) 并通过将其 css 类更新为“selected”来选择当前一个

最终使用 php，您可以在从客户端和服务器往返的每个图像周围放置一个链接，显示“选定”图像。您可以将其作为 url 参数传递..

$selected = params['selected'];

// Display results
foreach ($popular->data as $data)
{
  $css = "insta-photo"
  if ($selected == $data) { $css = "insta-photo selected" }
  echo "<a href=\"{$data->images->thumbnail->url}\" class=\"{$css}\">"
  echo "  <img src=\"{$data->images->thumbnail->url}\">"
  echo "<\a>"
}

【讨论】：