如果我按下图像“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;}
现在我在 javascript 数组中有 php-array。:-) 我实际上有两个问题: - 点击我的图像“上一个”和“下一个”不起作用,我不知道为什么。其次,如果您按下下一个或上一个,我不知道如何编写一个更改图像的功能。有人可以帮我吗?
提前感谢您的帮助。
问候, 亚尼克