Menu
I’ve figured out how this page works, as far as setting everything up. A little copying of source code from gatewaypeople.com…i found that I learn it that way, then tweak it a bit…
Okay enough of that…I’m having issues with variables…probably somehting I copied. Don’t know how to fix..maybe this is a javascript related, i’m not sure, well here is my code:
[code=php]<head>
<script>
<!–
if (window.name!=”reloaded”) doRefresh();
function doRefresh(){
window.name=”reloaded”;
location.reload();
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
var artCrossFadeDuration = 1; //seconds
var articleInterval = (2 * adInterval); //seconds
var numArticles = 4;
var curArticleIndex = 1;
var artMainPicArray = new Array(numArticles);
var artThumbPicArray = new Array(numArticles);
var artThumbArray = new Array(numArticles);
var artMainArray = new Array(numArticles);
var artUrls = new Array(numArticles);
var artTitles = new Array(numArticles);
var artShortDesc = new Array(numArticles);
artThumbArray[0] = “images/articles/thumbnail_cantata.jpg”;
artThumbArray[1] = “images/articles/thumbnail_camp.jpg”;
artThumbArray[2] = “images/articles/thumbnail_bio.jpg”;
artThumbArray[3] = “images/articles/thumbnail_crazy.jpg”;
artMainArray[0] = “images/articles/cantata.jpg”;
artMainArray[1] = “images/articles/camp.jpg”;
artMainArray[2] = “images/articles/bio.jpg”;
artMainArray[3] = “images/articles/crazy.jpg”;
artUrls[0] = “./cantata2007.html”;
artUrls[1] = “./summer_camp.html”;
artUrls[2] = “./bio.html”;
artUrls[3] = “./crazy.html”;
artTitles[0] = “Christmas Cantata 2007”;
artTitles[1] = “Summer Camp 2008”;
artTitles[2] = “BIO Fusion Group”;
artTitles[3] = “Home Friendship Groups Series”;
artShortDesc[0] = “Calvary Church Choir presents Come and Adore… “;
artShortDesc[1] = “Calvary’s Kids trip to Dry Gulch, USA Summer Camp 2008… “;
artShortDesc[2] = “Beauty Inside and Out (BIO)… “;
artShortDesc[3] = “Christian beliefs that can drive you crazy… “;
if(document.images) { //pre-load all article images
for(i = 0; i < numArticles; i++) {
artMainPicArray[i] = new Image(330, 165);
artMainPicArray[i].src = artMainArray[i];
artThumbPicArray[i] = new Image(66, 66);
artThumbPicArray[i].src = artThumbArray[i];
}
}
function changeArticle() { //article changer function
if(curArticleIndex > numArticles – 1) { curArticleIndex = 0; }
if(browser == “Microsoft Internet Explorer”) {
document.article0.style.filter=”blendTrans(duration=1)”;
document.article0.style.filter=”blendTrans(duration=artCrossFadeDuration)”;
document.article0.filters.blendTrans.Apply();
document.article1.style.filter=”blendTrans(duration=1)”;
document.article1.style.filter=”blendTrans(duration=artCrossFadeDuration)”;
document.article1.filters.blendTrans.Apply();
document.article2.style.filter=”blendTrans(duration=1)”;
document.article2.style.filter=”blendTrans(duration=artCrossFadeDuration)”;
document.article2.filters.blendTrans.Apply();
document.article3.style.filter=”blendTrans(duration=1)”;
document.article3.style.filter=”blendTrans(duration=artCrossFadeDuration)”;
document.article3.filters.blendTrans.Apply();
}
document.article0.src = artMainPicArray[((0 + curArticleIndex) % 4)].src; //sets a new article picture
document.article1.src = artThumbPicArray[((1 + curArticleIndex) % 4)].src; //sets a new article picture
document.article2.src = artThumbPicArray[((2 + curArticleIndex) % 4)].src; //sets a new article picture
document.article3.src = artThumbPicArray[((3 + curArticleIndex) % 4)].src; //sets a new article picture
if(browser == “Microsoft Internet Explorer”) {
document.article0.filters.blendTrans.Play();
document.article1.filters.blendTrans.Play();
document.article2.filters.blendTrans.Play();
document.article3.filters.blendTrans.Play();
}
// *** Main article ***
document.links.namedItem(‘article0_image’).href = artUrls[((0 + curArticleIndex) % 4)];
// *** 3 sub articles ***
for (var i = 1; i < 4; i++) {
document.links.namedItem(‘article’ + i + ‘_image’).href = artUrls[((i + curArticleIndex) % 4)];
document.links.namedItem(‘article’ + i + ‘_title’).href = artUrls[((i + curArticleIndex) % 4)];
document.links.namedItem(‘article’ + i + ‘_title’).innerHTML = artTitles[((i + curArticleIndex) % 4)];
document.links.namedItem(‘article’ + i + ‘_desc’).href = artUrls[((i + curArticleIndex) % 4)];
document.links.namedItem(‘article’ + i + ‘_desc’).innerHTML = artShortDesc[((i + curArticleIndex) % 4)];
document.links.namedItem(‘article’ + i + ‘_moredetails’).href = artUrls[((i + curArticleIndex) % 4)];
document.links.namedItem(‘map_mainarticle_more_area’).href = artUrls[curArticleIndex];
}
curArticleIndex++; //increase the counter for the next article
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
//–>
</script>
You can check out my source code: calvaryftw.com/sample.html
Any help would be appreciated!