0

您好，我需要使用“查看 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 回答