jQuery使照片变大在IE上不起作用

jQuery to make photos bigger doesn't work on IE

本文关键字：IE 不起作用 照片 jQuery      更新时间：2023-09-26

我有一部分jQuery代码，使我的照片更大。它在Firefox, Chrome或Opera中完美地工作，但如果我使用任何IE不起作用，我找不到此代码的哪一部分与IE不兼容(我认为这是一个问题)，所以我不知道如何找到解决方案(如果某些解决方案当然是可能的)

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Moje portfolio</title>
<meta content="Ewa, Makowska, strony www, grafika komputerowa" name="keywords">
<link rel="Stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
/*show bigger picture*/
function showit(src){
    document.getElementById("picture").innerHTML = "<img src="+src+" id='bigimg' />";
$('#mask').css('display','block');
$('#mask').animate({'width':screen.width,'height':screen.height +100, opacity:'0.5'});
$('#fixed').css('display','block');
var bigimg = document.getElementById("bigimg");
$('#picture').css('display','block');
$('#picture').animate({
    width: bigimg.width,
    height:bigimg.height});
$('#close').css('display','block'); 
}
function closeit(){
$('#close').click(function(){
    $('#close').css('display','none');
    $('#fixed').css('display','none');
    $('#picture').css('display','none');
    $('#mask').css('display','none');
})
$('#fixed').click(function(){
    $(this).css('display','none');
    $('#mask').css('display','none');
    $('#picture').css('display','none');
    $('#close').css('display','none');
})
}
        $('.smallimages').hover(function(){
            $(this).stop().css({'border':'1px solid #666699'});
            },function(){
            $(this).stop().css('border', 'none');
        });
</script>
</head><body>
<div id ="close" onClick="closeit();"></div>
<div id="mask"></div>
<div id="fixed"><div id="picture"></div></div>
<div id="insidetext">
<?php
function listfile($dir)
{
$tab=array();
$handle=opendir($dir);
while ($file = readdir($handle)){
if($file=='.'||$file=='..' || is_dir($dirname.$file)) continue;
array_push($tab,$file);}
closedir($handle);
return $tab;
}
$tab=listfile('gallery');
foreach($tab as $value)
{
echo '<img src="gallery/'.$value.'"
onClick="showit(`gallery/'.$value.'`)" class="smallimages" />';
}
?>
</div>
</body>
</html>

非常感谢大家的回答。然后我删除了第二个版本的jquery控制台，告诉我哪里有问题。IE有问题，(small tilde?), and work with ''. So than I change "showit( gallery/'.$value.' ')到"showit(''gallery/'.$value.''')"一切都很完美。

相关文章：