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();

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

1 个答案: