Question

如果这是一个愚蠢的问题，请提前抱歉，但我是一个完整的新手，这是我生命中曾经看过的PHP的第一部分。

我已经获取了代码from this web post关于自动从图像文件夹中创建图片库，它会创建一个缩略图库，点击该图库后会打开一个更大的图像作为单独的页面。

我想要的是缩略图在同一页面的'div'中打开较大的图像。

我已经设法通过使用'iframe'来实现这一目标，但我知道这是一个令人不悦的解决方案：

<iframe id="r5-6c2-4" name="bigimg" src="" width="625px" height="410px" frameBorder="0">
</iframe> 

<div id="r5-6c1">
     <div id="thumbscontainer">
         <ul>
             <?php
                  $images = glob('g-images/*.jpg');
                  $ignore = array('cgi-bin', '.', '..','._');
                  foreach($images as $curimg){
                  if(!in_array($curimg, $ignore)) {
                  echo "<li><a href='".$dirname.$curimg."' target='bigimg'><img src='thumby.php?src=".$dirname.$curimg."&h=193&zc=0' alt='' /></a></li>\n ";
                   }
               }                 
               ?>                    
           </ul>
     </div>          
</div>

请帮忙！： - ）

Answer 1

我也是新手，但我会尝试这个，

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {           
    $('body').append('<div><img id="moo" src=""></div>');
    $("a[target='bigimg']").on('click',function(a){
      a.preventDefault();
      $('img#moo').attr('src',$(this).attr('href'));
    }); 
});
</script>

PHP库自动生成拇指以在<div>上点击</div>打开更大的图像

1 个答案: