1

私は自分のコードを少し混乱させてしまいました。皆さんが賢いアイデアで私を助けてくれることを願っています.

だから、私はhtmlページで作業しており、scriptaculousを使用して、トグル効果を使用していくつかのdivを表示およびフェードさせています。これを機能させるには、div で style="display: none" を使用する必要がありますが、これによりスライドショーで問題が発生します。それがどのように見えるかをお見せしましょう：

- 私のメニュー

        <li>
            <ul>
                <li><a href="#" onclick="Effect.toggle('aboutDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('missionDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('portfolioDiv', 'appear'); return false;"></a>
                </li>
                <li><a href="#" onclick="Effect.toggle('contactDiv', 'appear'); return false;"></a>
                </li>
            </ul>
        </li>

私のdiv

<div id="portfolioDiv" style="display: none">
<a href="#" class="close" onclick="Effect.toggle('portfolioDiv', 'appear'); return false;">&#10006;</a>
    <!-- 630px X 430px -->
    <div id="slideDiv">
        <ul>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" /></li>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" /></li>
            <li>
                <img src="image/img1.jpg" alt="" /></li>
            <li>
                <img src="image/img2.jpg" alt="" />
            </li>
        </ul>
    </div>
</div>

-CSS

#portfolioDiv
{
    position: absolute;
    height: 700px;
    width: 430px;
    left: 3%;
    top: 16%;
    border: 1px solid red;
    overflow: hidden;      
}

#slideDiv
{
    position: absolute;
    height: 630px;
    width: 430px;
    top: 70px;
    border: 1px solid black;
    overflow: hidden;
    margin: 0;
    padding: 0px;
}

- 問題

- ホリナジャ スライドショーを使用しています。

PortfolioDivで使用するstyle="display: none"と、スライドショーが機能しません。私がslideDivで使用すると、そうです。この問題の原因を理解できないようです。style="display: none"

- 試した解決策

これを修正するには、2 つの div ( portfolioDivとslideDiv ) を分離してから、slideDiv をポートフォリオ Div 内に配置するのではなく、個別に配置したいと考えていましたが、onclick を使用してメニューで Effect.multiple を使用して Effect.toggle を使用する必要があります。 、しかし、基本的に方法がわからないため、そうすることができませんでした。

どうにかして私を助けてくれることを願っています、ありがとう。

4

1 に答える 1

0

私はそれを使用して解決しました：

<a href="#" onclick="Effect.multiple(['portfolioDiv','slideDiv'],function(el){Effect.toggle(el,'appear');});">
于 2013-01-23T20:14:52.937 に答える