Jquery BG Image transition plugin

Jquery BG Image transition plugin

Прислано: Heihachi88

чт, 11/03/2010 - 05:05

Другие статьи по теме:

Добрый день! Кто-нибудь сталкивался с данным плагином? http://plugins.jquery.com/project/bgImageTransition, вот у меня вопрос, как его вшить в тему для Drupal? Вот мой 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">
<head>
<title>BGTransition Demo</title>
<script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.BgImageTransition.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="blaf"></div>
<script language="JavaScript" type="text/javascript">
$( function(){
    var bgImages = [ 'pic2.jpg', 'pic3.jpg', 'pic1.jpg' ];
    var currImage = 'CRW_9620-R.jpg';
    setInterval( function(){
        do{
            var randImage = bgImages[Math.ceil(Math.random()*(bgImages.length-1))];
        }while( randImage == currImage )
        currImage = randImage;
        $('#blaf').BgImageTransition( 'images/'+currImage );
    }, 5000)
})
</script>
</body>
</html>