Digital Success online marketing and web blog » Scripts http://www.digitalsuccess.co.uk Online marketing and Web thoughts blog Tue, 31 Jan 2012 14:09:03 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Javascript fade background images using jquery http://www.digitalsuccess.co.uk/scripts/javascript-fade-background-images-using-jquery/ http://www.digitalsuccess.co.uk/scripts/javascript-fade-background-images-using-jquery/#comments Wed, 22 Sep 2010 16:35:02 +0000 admin http://www.digitalsuccess.co.uk/?p=215 After looking everywhere including jqueryetc for a way to do an image swap that fades, but using the background images, I figured out a rough way to do it.

This is not a fully tested and final way of doing background image fading sequence but thought I would put it out as a potential way to do it. Hopefully it helps somebody looking for it.

<!DOCTYPE html>
<html>
<head>
<style>
#test1, #test2, #test3 { height:200px; background-position:center; background-repeat:no-repeat;width:100%; position:absolute; }
#test1 {
background-image:url(‘img/img1.jpg’);
}
#test2 {
background-image:url(‘img/img2.jpg’);
display:none;
}
#test3 {
background-image:url(‘img/img3.jpg’);
display:none;
}
</style>
<script src=”http://code.jquery.com/jquery-latest.min.js”></script>
</head>
<body>
<script>
var $i = 1;
var auto_refresh = setInterval(
function ()
{
if($i==4) {
$(“#test3″).fadeOut(1000);
$(“#test2″).fadeOut(1000);
$i=1;
} else {
$(“#test”+$i).fadeIn(1000);
$i=$i+1;
}
}, 3000);

</script>

<div id=”test1″>&nbsp;</div>
<div id=”test2″>&nbsp;</div>
<div id=”test3″>&nbsp;</div>

</body>
</html>

]]> http://www.digitalsuccess.co.uk/scripts/javascript-fade-background-images-using-jquery/feed/ 0 Updating Filezilla from v2 to v3 http://www.digitalsuccess.co.uk/scripts/updating-filezilla-from-v2-to-v3/ http://www.digitalsuccess.co.uk/scripts/updating-filezilla-from-v2-to-v3/#comments Wed, 30 Sep 2009 10:01:45 +0000 admin http://www.digitalsuccess.co.uk/?p=74 I updated Filezilla to the new version, and found a script that enables you to easily transfer the site settings to the new v3 program.

If you have to do this then use the converter script that is linked below.

http://nyrodev.free.fr/filezilla/convert.php

]]> http://www.digitalsuccess.co.uk/scripts/updating-filezilla-from-v2-to-v3/feed/ 0