图像库next prev（javascript数组中的php数组）

我正在尝试创建一个函数，如果我按下图像“prev”或“next”来更改图片。实际上，我不知道如何实现这一点，因为我从数据库中获取了图片的来源

$namen = array();
    $mainimg = array();
    $sql1 = mysql_query("SELECT * FROM image WHERE id = ".$id.";");

        echo "<div class='normal'>";

                while($row = mysql_fetch_array($sql1))
    {
        $namen[] = $row['bild']; 
        $mainimg[] = $row['mainimg'];
        $number_array = count($namen);
        ?>
        <script type='text/javascript'>
        <?php
        $php_array = array($row['bild']);
        $js_array = json_encode($php_array);
        echo "var javascript_array = ". $js_array . ";\n";
        ?>
        </script>
        <?php
        if($row['mainimg'] == 1){
            $bild = $row['bild'];
        }

    }


echo "<div class='rahmen'><div class='box'><a href='#' id='opn'><img style='position:absolute;margin:90px 0px 0px 130px;' src='images/lupe.png'>".$path.$bild."\"".$end."</a></div>
<div class='hover1 box1'></div><div onclick='prev()' class='hover2 box2'></div></div>";
echo "<a href='' onclick=\"\"><div id='next'></div></a>";
echo "<a href='' onclick=\"\"><div id='prev'></div></a>";

.rahmen {position:relative;cursor:pointer;}
.box1 { height:64px;width:53px;}
.box2 { height:64px;width:53px;margin-left:347px;}
.hover1 { background:url(images/prev1.png) no-repeat; }
.hover1:hover { background:url(images/prev.png) no-repeat; }
.hover1 { display:none;position:absolute;top:40%;}
div.rahmen:hover .hover1{ display:block;}
.hover2 { background:url(images/next1.png) no-repeat; }
.hover2:hover { background:url(images/next.png) no-repeat;}
.hover2 { display:none;position:absolute;top:40%; }
div.rahmen:hover .hover2{ display:block;}

$namen=array（）；
$mainimg=array（）；
$sql1=mysql_查询（“从图像中选择*，其中id=“.$id.”；”）；
回声“；
while（$row=mysql\u fetch\u数组（$sql1））
{
$namen[]=$row['bild']；
$mainimg[]=$row['mainimg']；
$number\u数组=计数（$namen）；
?>
如果您需要知道如何将php数组转换为js数组，请查看。如果您不知道如何实现库，请提供更多信息，例如：您是否使用库？您使用什么库？等等。
嘿，Yura Sokolov。我尝试过（见上文）。现在我有了一个javascript数组。我想拥有自己的图库。这意味着没有库。我还可以给你哪些信息让你能够帮助我？：-）你可以找到许多图像图库，只需选择一个，但你需要jQuery。同样，如果你有带有图像url的js数组，你可以添加此脚本（这是基本功能）
var i=0；document.getElementById（'next'）。onclick=function（）{i++；document.getElementById（'yourImageId'）。src=javascript_array[i]；}
这只是下一个按钮。从mobile编写代码，因此可能会有一些错误。