Javascript 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}\";">
    }                                       
?>

---

使用php无法使图像“可选”，需要使用一些javascript和css样式

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

然后使用一些javascript，您可以通过

document.images

或

document.getElementsByTagName（'img'）

找到所有图像。最好给他们一个类从

document.getElementsByClassName（'insta-photos'）

中选择，其中images

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>"
}                                       

$selected=params['selected']；
//显示结果
foreach（$popular->data as$data）
{
$css=“insta照片”
如果（$selected==$data）{$css=“insta photo selected”}
回声“”
回显“图像->缩略图->url}\”>”
回声“”
}                                       

make photos selective”是什么意思？@eloung:用户可以从照片列表/数组中选择自己喜欢的照片。照片列表/数组

code

echo“images->缩略图->url}\”>}

code

这似乎是两个非常不相关的问题混为一谈。关于使图像可选择的第一个问题与创建发送电子邮件的功能无关。删除问题2