-1
私はウェブ開発コースを行っていますが、現在JavaScriptを使用して自分のウェブページにスクリプトを実装する必要があります。関数のHTMLで異なる値を生成する
http://www.java-scripts.net/javascripts/Automatically-Changing-Slide-Show-Script.phtml
基本的には、画像を自動的に変更します。私はここで使用したいスクリプトを見つけました。
<head>
<script>
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
and Java-scripts.net (www.java-scripts.net)
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideShowImages(){
for (i=0;i<slideShowImages.arguments.length;i++){
slideImages[i]=new Image();
slideImages[i].src=slideShowImages.arguments[i];
}
}
function goToShow(whichLink){
if (!window.winslide||winslide.closed){
winslide=window.open(slideLinks[whichLink])
}else{
winslide.location=slideLinks[whichLink]
winslide.focus()
}
}
</script>
</head>
<body>
<!-- For reference, my actual code is
<a href="stagingandevents.html"/>
<img src="pics/main/stagingandevents.jpg" alt="Staging and Events"
name = "slide" width="300px" height="312"/>
</a>
-->
<!-- Basically, I want two of the following image rotatations, but each
link with different images. -->
<a href="javascript:gotoshow()"><img src="img1.gif" name="slide">
</a>
<script>
//configure the paths of the images, plus corresponding target links
slideshowimages("img1.gif", "img2.gif", "img3.gif")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideIt(){
if (!document.images){
return
}
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichImage<slideImages.length-1) {
whichImage++;
} else {
whichImage=0;
} setTimeout("slideIt()",slideShowSpeed);
}
slideIt();
</script>
</body>
リンクに記載されているコードは非常に古いものであり、廃止されているため、少し更新しました。 slideShowImages（）関数は、目的の画像が保存されている場所ですが、リンクごとに値を変更する方法はわかりません。
私は、各リンクに独自の回転イメージセットを持たせるためにいくつかの異なることを試しました。私はJavascriptとHTMLも新しくなっているので、これについてどうやってどうやって行くのか本当に分かりません。
（img4.gif、 "img5.gif"、 "img6.gif"） – Marty
各機能の最初の位置はお互いに関係しているので、URL 3を複製するだけですimg1,2,3の場合はslideshowlinks（）、4,5,6の場合はもう一度やり直してください。 –