Question

我有一些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>

Answer 1

非常感谢所有答案。然后我删除了第二个版本的jquery控制台，告诉我哪里出了问题。 IE有(small tilde?), and work with \'. So than I change "showit(图库/＆＃39;。$ value。＆＃39;`）到＆＃34; showit（\＆＃39;图库/＆＃39;。$ value。＆＃ 39; \＆＃39;）＆＃34; 一切都很完美。

jQuery使照片变得更大并不适用于IE

1 个答案: