更改按鈕並單擊div

Question

您好，我需要使用“查看360”按鈕模仿此網站功能： http : //www.designrattan.co.uk/daybed/apple

我已經解決了360腳本，只是按鈕無法解決？

我在這里嘗試過： http : //designliving.tk/winchester-rattan-garden-round-table-set

但是您可以看到有些錯誤。

單擊按鈕時，我需要更改DIV，但是每次單擊按鈕時，我也需要更改按鈕（從“視圖360”更改為“視圖圖像”）。

除此之外，我還需要“照片”標簽中的圖像才能將div和按鈕更改回“ view 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";
}
});

我希望這一切都有道理！，

感謝大家！

Answer 1

如果您使用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";
    }
});

這樣，您可以在選擇單擊事件時選擇要調用的方法時驗證按鈕處於哪種模式。 希望這可以幫助

Answer 2

不要實現自己的代碼，這將需要時間。 使用任何您喜歡的插件： http : //www.jquery4u.com/plugins/jquery-360-degrees-image-display-plugins/#.T_wDU5GFp9g