Hi..
I use some jQuery script on my site.
It works well with Jquery v-1.3.2. , but i have problems when i use new version (ex : v-1.8.3 or some older).
Here is my script and source link.
Thanks for help.
Merry christmas.
I use some jQuery script on my site.
It works well with Jquery v-1.3.2. , but i have problems when i use new version (ex : v-1.8.3 or some older).
Here is my script and source link.
Thanks for help.
Merry christmas.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<!------<script type="text/javascript" src="jquery-1.8.3.js"></script>----->
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$("#alert").overlay({
finish: {top: 'center'},
expose: ''
});
});
});
</script>
<style type="text/css">
.overlay {
position:absolute;
background-color:#ccc;
border:2px solid red;
width: 200px;
height:200px;
top: 50%;
left: 50%;
margin-left:-100px;
margin-top:-100px;
}
#alert {
display:none;
width:100%;
height:100%;
background-image:url(image.png);
}
.close {
position:absolute;
cursor:pointer;
margin-top:-77px;
margin-left:192px;
}
</style>
</head>
<body>
<a href="#" onclick='$("#alert").overlay().load()'><h2>ALERT</h2></a>
<div id="alert">
<div class="overlay"><h2 align="center">OVER</h2>
<div class="close"><img src="close.png"/></div>
</div>
</body>
</html>