0

私はJavaScriptを初めて使用し、最初から学びたいと思っています。最近、画像のスライドショーを作成できましたが、現時点ではスライド/フェード効果はありません。他のチュートリアル/回答が役に立たなかったので、誰かが私を助けてくれたら幸いです。

これが私のJavaScriptコードです：

<script>
var images = new Array;

images[1] = "_images/_slideshow/slideImg01.png";
images[2] = "_images/_slideshow/slideImg02.png";
images[3] = "_images/_slideshow/slideImg03.png";
images[4] = "_images/_slideshow/slideImg04.png";
images[5] = "_images/_slideshow/slideImg05.png";

var currentImage = 1;

function changeimage(change){
    currentImage += change;
    if(currentImage > images.length -1){
        currentImage = 1;
    }
    else if(currentImage < 1){
        currentImage = images.length -1;
    }
    document.getElementById('slideshowIMG').innerHTML = '<img src="' + 
    images[currentImage] + '"/>';
}

changeimage(0);
</script>

これが私のHTMLコードです：

<div id="slideshow">
    <div id="slideshowIMG"></div>

    <div id="slideshowcontrols">
        <a onclick="changeimage(-1);">next</a>
        <a onclick="changeimage(1);">prev</a>
    </div>
</div>

さて、スライド/フェード効果を追加するためにコードをどこで編集しますか？そして、コードは何でしょうか？

単純な左から右へ-およびその逆-スライド効果で十分です:)

前もって感謝します

4

1 に答える 1

1

私のアドバイスは、JQueryをチェックすることです。スライドとフェードの効果が豊富にあり、使い方は簡単です。javascriptを初めて使用したとのことですが、 Codecademyには、スライド効果とフェード効果を追加する方法を教えるJQueryトラックがあります。

残念ながら、これは、既に作成したjavascriptコードを使用できないことを意味します。これは、画像をjavascriptではなくhtmlで追加する必要があるため、jQueryを使用して画像を操作できるためです。

于 2013-02-08T13:06:25.157 に答える