Question

寻找想法＆amp;建议，我想通过从文件中提取图像来制作一个非常简单的幻灯片。

问题是

（1）我想按顺序显示超过550张图像，并且不想为那么多图像编码...图像只是编号1,2,3，... 348，.. .469 ......并且可以合并到一个文件夹中。

（2）我们不断向这些文件夹添加新图像＆amp;我希望幻灯片自动添加它们我想在php中调用一个javascript函数。它工作的PHP但不执行代码java脚本，这里是scritp php和jquery ..pictures加载到网站但不显示和动画写或左。除了第一张照片

<div class="gallwrapper" >
    <div class="gallmask">
        <ul class="gallul">
         <?php if( is_array($images )): ?>
            <?php foreach($images as $key => $value ): ?> 
               <?php if($value !="." && $value !=".."):?>
                <li class="gallli">
                    <img class="gallimg" src ="gallary/<?php echo $value ?>"   />
                </li>
        <?php endif; ?>
            <?php endforeach; ?>
               <?php endif; ?>

        </ul>
    </div>

</div>
     <div class="btnleft" >
   <div class="leftbtn-inner" style =" background-image:url('right.png');background-  size: 35px 80px;background-repeat:no-repeat;" >  

   </div>
</div>
<div class="btnright" >
   <div class="rightbtn-inner"  style =" background-image:url('left.png');background-size: 35px 80px;background-repeat:no-repeat;"> </div>  
</div>

这是javascript

 var numImages =0;
 var curentImages=1;
var totalwidth=0;
 $(document).ready ( function(){
 $('.gallli').each(function(){
     numImages++;
     totalwidth += 600;
 });
 $('.gallul').css('width' totalwidth + 'px');
 $('.btnright').click (function() {
     moveRight();

 } );
 $('.btnleft').click (function() {
     moveLeft();

 } );
  });
 moveRight() {
 if( curentImages >1) 
 $('.gallul').animate( {'marginLeft' :'-=600px'} , 1000,'swing');
 curentImages--;

 }
   moveLeft() {
   if( curentImages >1) 
 $('.gallul').animate( {'marginLeft' :'+=600px'} , 1000,'swing');
 curentImages++;
 }

Answer 1

有一种可能的方法来执行本机javascript函数。您必须使用此扩展程序。当然它只是一种没有DOM API的语言。在这种情况下，我不建议使用它。

http://php.net/manual/en/book.v8js.php

如何在php中调用javascript函数

1 个答案: