我有点卡在逻辑上。场景是我有一个滑块,其中两个图像一次显示占屏幕的50%-50%部分,这里是它的简单html,
<div class="zeus-slider zeus-default" >
<div class="zeus-block">
<div class="zeus-slide s-50"> <img src="slider/slider1.jpg" data-effect="slideRight" alt="" /> </div>
<div class="zeus-slide s-50"> <img src="slider/slider2.jpg" data-effect="slideRight" alt="" /> </div>
</div>
</div>
这里每个块都包含两个我只显示一个的图像。现在我试图让它变得动态,但我并不知道它是如何工作的,所以我用两个表创建数据库,每个表用于单个图像block.Both表有像simg_id(A_I),img_name,simg_path这样的字段。 这是我在滑块页面上的PHP。
<div class="zeus-block">
<?php
$slider_slt=getResultSet('select * from slider_img_master1 ORDER BY simg_id');
if(mysql_num_rows($slider_slt))
{
while($slider_data=mysql_fetch_assoc($slider_slt))
{
?>
<div class="zeus-slide s-50"> <img src="slider/first/<?php echo $slider_data['simg_path']?>" data-effect="slideRight" alt="" /> </div>
<?php }
} ?>
<?php
$slider_slt2=getResultSet('select * from slider_img_master2 ORDER BY simg_id');
if(mysql_num_rows($slider_slt2))
{
while($slider_data2=mysql_fetch_assoc($slider_slt2))
{
?>
<div class="zeus-slide s-50"> <img src="slider/second/<?php echo $slider_data2['simg_path']?>" data-effect="slideRight" alt="" /> </div>
<?php }
} ?>
</div>
现在的问题是,当我尝试在滑块中获取图像路径时,图像在屏幕的两半上都没有逐一改变。而是显示来自两个桌面的两个图像,下面两个表中的另外两个图像第一个,依此类推,所以整页都覆盖着图像。
我知道创建两张桌子同时获取两张图片的想法很愚蠢,但我想不出更好。如果任何人都可以提出更好的方法,那就太有用了。
更新:getResultSet是mysql_query的函数。
答案 0 :(得分:0)
您使用数据库存储图像的任何特殊原因?也许最好创建文件夹“Images”,其中你有两个子文件夹“LeftImages”和“RightImages”,并同时从两个文件夹中读取图像。
答案 1 :(得分:0)
如果有兴趣的人我找到了上述问题的答案。
<div id="slide1" >
<div class="zeus-slider zeus-default" >
<?php
$slider_str="select *from slider_img_master1 where simg_status='Active'";
$i=1;
$result=mysql_query($slider_str);
if(mysql_num_rows($result)>0)
{
echo '<div class="zeus-block">';
while($row=mysql_fetch_assoc($result))
{
if($i%2==1 && $i!=1)
{
echo '<div class="zeus-block">';
}
?>
<div class="zeus-slide s-50"> <img src="slider/<?php echo $row['simg_path'];?>" data-effect="slideRight" alt="" /> </div>
<?php
if($i%2==0)
{
echo '</div>';
}
$i++;
}
} ?>
</div>
<div class="clear"> </div>
<div class="next-block"> </div>
<div class="prev-block"> </div>
</div>