Lid |
|
Hoi allemaal!
Ik ben bezig met een slide up in Jquery, en ik stuit op een paar problemen.
De eerste is dat autorefresh het niet doet. hij komt wel weer in zicht, maar hij doet verder niet zo veel.
Ver krijg ik bij het omhoog laten gaan van het object een rare witte balk ervoor die het object laat verdwijnen.
Hier is de code:
Alvast bedankt !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<style>
#div {
height:auto;
width:60px;
margin-top:550px;
margin-left:125px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="div"><img src="file:///C|/Users/HomePC/Desktop/blauwtrans20klein.png"></div>
<script>
$(document.body).ready(function () {
if ($("div:first").is(":hidden")) {
$("div").show("slow")
} else {
$("div").slideUp(4000).delay(8000).fadeIn(4000);
$("div").slideUp(30).fadeIn(4000);
}
var $container = $("#content");
$container.load("rss-feed-data.php");
var refreshId = setInterval(function()
{
$container.load;
}, 3000);
});
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <style> #div { height:auto; width:60px; margin-top:550px; margin-left:125px; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div id="div"><img src="file:///C|/Users/HomePC/Desktop/blauwtrans20klein.png"></div> <script> $(document.body).ready(function () { if ($("div:first").is(":hidden")) { $("div").show("slow") } else { $("div").slideUp(4000).delay(8000).fadeIn(4000); $("div").slideUp(30).fadeIn(4000); } var $container = $("#content"); $container.load("rss-feed-data.php"); var refreshId = setInterval(function() { $container.load; }, 3000); }); </script> </body> </html>
|