javascript - 将 javascript 幻灯片代码动态添加到模板化站点的标题中

Question

我正在使用一个非常过时的模板站点，它不允许我更改站点顶部的任何内容。Flash 幻灯片不再正常工作，所以我想知道是否有任何方法可以将 Javascript/JQuery 添加到网站的可访问部分，从而用我制作的 Javascript 幻灯片动态替换现有的 Flash 幻灯片？

该网站是： http: //www.familymattersteam.com/

提前致谢！

Answer 1

我将以下代码添加到站点后端的“脚本页脚”部分。大约一周前我刚开始学习 Javascript，我从另一个过时的网站借用了这段代码，所以我确信它看起来很痛苦。它虽然有效！

基本上我所做的只是使用 innHTML 命令将“SlideShow”ID 中的内容替换为 Javascript 幻灯片的代码。

var t;
var slideShowSpeed = 5000;
var crossFadeDuration = 2;

var PicA = new Array();

PicA[0] = '/Repository/1/4/1/0/7/9/141079/template_files/slide1.jpg';
PicA[01] = '/Repository/1/4/1/0/7/9/141079/template_files/slide2.jpg';
PicA[02] = '/Repository/1/4/1/0/7/9/141079/template_files/slide3.jpg';
PicA[03] = '/Repository/1/4/1/0/7/9/141079/template_files/slide4.jpg';
PicA[04] = '/Repository/1/4/1/0/7/9/141079/template_files/slide5.jpg';

var j = 0;
var p = PicA.length; 
var preLoadA = new Array();

for (i = 0; i < p; i++) {
preLoadA[i] = new Image();
preLoadA[i].src = PicA[i];
};

function runSlideShowA() {

if (document.all) {
document.images.SlideShowA.style.filter='blendTrans(duration=2)';
document.images.SlideShowA.style.filter='blendTrans(duration=crossFadeDuration)';
document.images.SlideShowA.filters.blendTrans.Apply();
};

document.images.SlideShowA.src = preLoadA[j].src;

if (document.all) {
document.images.SlideShowA.filters.blendTrans.Play();
};

j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShowA()', slideShowSpeed);
};

newSlide = document.getElementById('SlideShow'); 
newSlide.innerHTML = '<img src="/Repository/1/4/1/0/7/9/141079/template_files/slide1.jpg" name="SlideShowA" width="874" height="206">';

runSlideShowA();