javascript - 使用 javascript 使用 php 变量的幻灯片放映

标签 javascript php mysql

我正在尝试从我的 sql 中获取成员(member)照片并显示为幻灯片。我正在尝试使用 DHTML 幻灯片脚本 - © Dynamic Drive DHTML 代码库 (www.dynamicdrive.com) 在此处查看基本代码 basic code

现在我更改代码以使用 php 从 mysql 获取图像 url

我的代码:

Here is the html and script code.
<html>
<head>

<script type="text/javascript">

/***********************************************
* DHTML slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var photos = new Array()
<?php
 $mid=$_POST['mid'];
//echo $mid;
$mid=$_POST['mid'];
require_once("datacon.php"); 
    $result = $data->query("SELECT * FROM tempregist where id= $mid ");
    $row = mysqli_fetch_array($result) or die(mysqli_error());
$folde= "uploads/thumb/";   
$folder=utf8_encode($folde);

//echo $folder;
     $mid1 =$row['mid'];
    require_once("datacon.php"); 
    $result = $data->query("SELECT image_name FROM tbl_images where mid= '$mid1' ");

$phparray = array();
$count = mysqli_num_rows($result);
if($count>=1)
{

    while($crow = mysqli_fetch_array($result))
    {
     $i=0;
    $phparray[$i] = $folder. $crow['image_name'];

    $i++;
?>


photos<?php  echo"[".$i."]" ;?>  =  <?php echo '"'.  implode( $phparray) . '"'."\n" ; 
} }



  ?>

var photoslink = new array
var x
x =<?php echo json_encode($count) ?>;
var which=0

/
//Specify whether images should be linked or not (1=linked)
var linkornot=0

Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""

//do NOT edit pass this line

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}


function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}



function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}


function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>


</head>
<body>
<div align="center">
<img src="images/logo.jpg" border = "2" align="center" alt="no logo">
</div>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
  </tr>
  <tr>
    <td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
    <td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
  </tr>
</table>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>





</body>
</html> 

现在我要出局如下 var photos = new Array()

photos[0]  =  "uploads/thumb/220816_1412135472.jpeg"
photos[0]  =  "uploads/thumb/312840_1412135511.jpeg"
photos[0]  =  "uploads/thumb/589453_1412135511.jpeg"
photos[0]  =  "uploads/thumb/467341_1412135630.jpeg"
photos[0]  =  "uploads/thumb/800658_1412135790.jpeg"
photos[0]  =  "uploads/thumb/366793_1412135826.jpeg"

但是我需要这样的输出

photos[0]  =  "uploads/thumb/220816_1412135472.jpeg"
photos[1]  =  "uploads/thumb/312840_1412135511.jpeg"
photos[2]  =  "uploads/thumb/589453_1412135511.jpeg"
photos[3]  =  "uploads/thumb/467341_1412135630.jpeg"
photos[4]  =  "uploads/thumb/800658_1412135790.jpeg"
photos[5]  =  "uploads/thumb/366793_1412135826.jpeg"

我试了很多。请任何人帮忙。

最佳答案

while($crow = mysqli_fetch_array($result))
{
$i=0;

你正在循环中重置 $i

关于javascript - 使用 javascript 使用 php 变量的幻灯片放映,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26279579/

相关文章:

mysql - 充当 Taggable On taggable_id 增量如此之快

javascript - 如何在不同的设备上得到相同的结果?

javascript - 通过ajax重新加载页面内容时jQuery不起作用

javascript - 在 Knockout 中使用 ckeditor 作为 observableArray 的一部分

javascript - 仅多个文件输入中的第一个响应事件监听器

来自函数返回数组的 PHP PDO 参数

php - 在 Laravel 4.2 中调用未定义的方法 Illuminate\Http\Response::make()?

php - Json_encode 在 php 中显示空结果

mysql - 更新包含大量记录的关联表

php - 如果参数有值则更新记录 - SQL, PHP