템플릿 사이트의 헤더에 동적으로 자바 스크립트 슬라이드 쇼 코드를 추가하십시오.

Question

사이트의 맨 위 부분에서 아무것도 변경할 수없는 매우 오래된 템플릿 기반 사이트로 작업하고 있습니다. 플래시 슬라이드 쇼가 더 이상 제대로 작동하지 않기 때문에 내가 만든 Javascript 슬라이드 쇼로 기존 플래시 슬라이드 쇼를 동적으로 대체 할 수있는 사이트의 액세스 가능한 부분에 Javascript/JQuery를 추가 할 수있는 방법이 있는지 궁금합니다.

사이트는 다음과 같습니다 사전에 http://www.familymattersteam.com/

감사합니다!

Answer 1

사이트의 백 엔드 "스크립트 바닥 글"부분에 다음 코드를 추가했습니다. 방금 Javascript를 배우기 시작한지는 일주일 전이었습니다. 다른 사이트에서이 코드를 빌 렸기 때문에 보았을 때 고통 스러웠습니다. 그래도 작동합니다!

기본적으로 나는 "슬라이드 쇼"ID의 내용을 Javascript 슬라이드 쇼의 코드로 바꾸려면 innHTML 명령을 사용했습니다.

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