Thanks - I did finally get it all installed.
I'm going to bypass installation on a stick and slam it on the hard drive.
I'm not sure how these programs work.
I'm trying to implement a simple method to display pictures in a slide show on my html page.
Here is my html page from "Creating an CSS background slider with jQuery" found on the Internet.
Code:
<link type="text/css" rel="stylesheet" href="css/backgroundslider.css" media="screen,projection,tv"/>
</head>
<div id="mast-head" style=”background: url(css/images/1.jpg) no-repeat; height: 250px; width: 470px;"></div>
<script type="text/javascript" src="css/scripts/jquery.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
var imgArr = new Array('css/images/'
'css/images/villagecolcor.jpg'
'css/images/bayfrontyard.jpg'
'css/images/lidoisland.jpg'
'css/images/attachedhomes1.jpg'
);
var preloadArr = new Array();
var i;
/* preload images */
for(i=0; i < imgArr.length; i++){
preloadArr[i] = new Image();
preloadArr[i].src = imgArr[i];
}
var currImg = 1;
var intID = setInterval(changeImg, 6000);
/* image rotator */
function changeImg(){
$('#masthead').animate({opacity: 0}, 1000, function(){
$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
}).animate({opacity: 1}, 1000);
}
});
</script>
<body>
<img src="css/images/BayfrontYarddock1.jpg" alt="" width="450" height="270" />
</body>
CSS:
Code:
.mast-head{float right:;
no-repeat; height: 250px; width: 470px;
It's exponentially mind boggling to me.
Thanks . . . Rick
Bookmarks