我有这个小图库,它是从下面的PHP代码生成的。而另一件事是,id喜欢制作这些图像" big"当它盘旋时。 jQuery函数如下。
这个脚本不起作用我在同一个scripts.js文件中也有其他脚本,可能是:问题吗?
$(document).ready(function()
$(".thumbnail img").mouseover(function() {
$(this).css("cursor","pointer");
$(this).animate({width:"500px"},"slow");
});
});
创建图库的php函数
function showGallery()
{
$galleryHTML = "<ul>";
$images = new DirectoryIterator("pildid");
foreach($images as $image) {
$file = $image -> current();
$filename = $file -> getFilename();
$src = "pildid/$filename";
$info = new Finfo( FILEINFO_MIME_TYPE );
$type = $info->file($src);
$galleryhtml = "";
if($type ==="image/jpeg")
$galleryhtml ="<li><img src='$src' height='100px' width='120px'/></li>";
echo $galleryhtml;
}
$galleryhtml = "</ul>";
include_once('view/galerii.php');
}
答案 0 :(得分:3)
试试这个:
$(".thumbnail img").mouseover(function() {
$(this).css("cursor","pointer");
$(this).animate({width:"500px"},"slow");
});
而且:
overflow: hidden; //Wrong
应该是:
overflow:scroll;