javascript - テンプレート化されたサイトのヘッダーに JavaScript スライドショー コードを動的に追加する

Question

サイトの上部を変更できない非常に古いテンプレート サイトを使用しています。Flash スライドショーが適切に機能しなくなったので、サイトのアクセス可能な部分に Javascript/JQuery を追加して、既存の Flash スライドショーを私が作成した Javascript スライドショーに動的に置き換える方法があるかどうか疑問に思っていました。

サイトは次のとおりです。http://www.familymattersteam.com/

前もって感謝します！

Answer 1

サイトのバックエンドの「スクリプト フッター」部分に次のコードを追加しました。私は Javascript の学習を約 1 週間前に開始したばかりで、このコードは別の古いサイトから借りてきたので、見るのが苦痛だと確信しています。それは動作します！

基本的に、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();