0

私は現在、この方法を使用してプロモーション画像のスライドハウを作成していますが、すべてうまく機能していますが、画像のトランジション (フェードイン) や右下隅の小さな点など、いくつかのことを追加したいと考えています。表示し、別の画像に切り替えることができます

これどうやってするの？

私は現在サークルボタンに取り組んでおり、コードはこれまでのところ次のようになっています

<div id="feature-image">

        <img id="promo-image" src="images/pentagg.jpg" width="100%" height="800px" name="slide" />
        <script type="text/javascript">
                var step=1;
                var imagesTotal= 2;
                var circleDiv;
                function slideit()
                {
                    document.images.slide.src = eval("image"+step+".src");
                    if(step<imagesTotal)
                        step++;
                    else
                        step=1;
                    setTimeout("slideit()",5000);
                }
                slideit();

                function createCircles()
                {
                    for (i=0; i<imagesTotal; i++) {
                        circleDiv = document.createElement('div');
                        circleDiv.className = 'results';
                        circleDiv.style.width = '32px';
                        circleDiv.style.height = '32px';
                        circleDiv.style.backgroundColor = '#ff4444';
                        circleDiv.innerHTML = '<span class="msg">Hello world.</span>';
                        document.getElementsByTagName('feature-image')[0].appendChild(circleDiv);
                        //document.getElementsByTagName('body')[0].appendChild(circleDiv);
                    }
                }
                createCircles();




    </script>
</div>
4

1 に答える 1

0

ここに部分的な答えがあります

CSS の「ハック」を使用して、ラッピング divposition: relativeと内部要素を作成することで、円を div の下部に配置できます。position: absolute

http://jsfiddle.net/wWunK/

于 2013-06-10T18:48:35.607 に答える