幻灯片使用javascript使用php变量

时间:2014-10-09 13:23:56

标签: javascript php mysql

我正在尝试从我的sql中获取成员照片并将其显示为幻灯片。我正在尝试使用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"
我试了这么多。请任何一个帮助。

3 个答案:

答案 0 :(得分:2)

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

您在循环中重置$ i

答案 1 :(得分:0)

$result = $data->query("SELECT image_name FROM tbl_images where mid= '$mid1' ");
{
$count = mysqli_num_rows($result);
if($count>=1)
{
    $i=0;
    while($crow = mysqli_fetch_array($result))
    {
    $phparray[$i] = $folder. $crow['image_name'];
    echo $i. "\n";
    $i++;
}
}   

之外使用$ i = 0初始化

答案 2 :(得分:0)

最后我在Hammerstein和Dhanush Bala的帮助下找到了它。我混在一起两个人的建议我得到了答案

$phparray = array();
$count = mysqli_num_rows($result);
if($count>=1)
{
    $b=0;
    while($crow = mysqli_fetch_array($result))
        {
    $i=0;
    $phparray[$i] = $folder. $crow['image_name'];
       $i++;
    $b++;
?>


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

现在输出的是:

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

感谢Hammerstein和Dhanush Bala