0

こんにちは、「view 360」ボタンでこのウェブサイトの機能を模倣する必要があります: http://www.designrattan.co.uk/daybed/apple

私はすでに 360 スクリプトを完成させましたが、うまくいかないのはボタンだけですか?

ここで試してみました： http://designliving.tk/winchester-rattan-garden-round-table-set

しかし、ご覧のとおり、いくつかの点が間違っています。

ボタンをクリックしたときにDIVを変更する必要がありますが、クリックするたびにボタンを変更する必要があります（「ビュー360」から「ビュー画像」へ）。

それに加えて、divとボタンを「ビュー360」に戻すには、写真タブの画像が必要です

私はJavaScriptを持っていると思いますが、これをHTMLと組み合わせて使用​​する方法がわかりません

$('.yourButton').bind('click',function(){
if (!$('.yourButton').hasClass('dragMode')) {
    $('.yourButton').addClass('dragMode');
    $('.yourButton').attr('value')="Drag [...]";
} else { // if in drag mode
    $('.yourButton').removeClass('dragMode');
    $('.yourButton').attr('value')="View 360";
}
});

$('.yourTabImages').bind('click',function(){
if ($('.yourButton').hasClass('dragMode')) {
    $('.yourButton').removeClass('dragMode');
    $('.yourButton').attr('value')="View 360";
}
});

これがすべて理にかなっていることを願っています!,

みんな、ありがとう！

4

2 に答える 2

3

jquery を使用する場合は、次のような方法で簡単に実現できます。

$('.yourButton').bind('click',function(){
    if (!$('.yourButton').hasClass('dragMode')) {
        $('.yourButton').addClass('dragMode');
        $('.yourButton').attr('value')="Drag [...]";
    } else { // if in drag mode
        $('.yourButton').removeClass('dragMode');
        $('.yourButton').attr('value')="View 360";
    }
});

$('.yourTabImages').bind('click',function(){
    if ($('.yourButton').hasClass('dragMode')) {
        $('.yourButton').removeClass('dragMode');
        $('.yourButton').attr('value')="View 360";
    }
});

このようにして、クリック イベントを処理するときに呼び出すメソッドを選択するときに、ボタンがどのモードにあるかを検証できます。お役に立てれば

于 2012-07-10T10:39:35.007 に答える
0

独自のコードを実装しないでください。時間がかかります。好きなプラグインを使用してください： http://www.jquery4u.com/plugins/jquery-360-degrees-image-display-plugins/#.T_wDU5GFp9g

于 2012-07-10T10:31:53.137 に答える