使用jqwicket滑动动画

时间:2012-06-30 12:22:24

标签: java jquery wicket

我有一些使用jqwicket的基本知识。这很简单,但我在实现这个幻灯片动画时遇到了问题:http://jsfiddle.net/steweb/rWbFw/

动画是一个简单的部分,但我不知道如何包含用于调整大小的自定义函数:

var utils = {
maskWidth : $('#mask').width(),
currIndex : 0,
setWidths : function(){
    //setting maskWidth
    utils.maskWidth = $('#mask').width();

    //setting wrapper width 
    $('#wrapper').css('width',$('.full').length * utils.maskWidth);

    //setting 'full div' width
    $('.full').each(function(index){
        $(this).css('width',utils.maskWidth);
    });

    //setting curr wrapper margin (for window resize)
    $('#wrapper').css('margin-left',-(utils.currIndex*utils.maskWidth));

}

任何帮助都将不胜感激。

谢谢。

1 个答案:

答案 0 :(得分:0)

您需要将JavaScript添加到<head>标记。创建Behavior并覆盖其renderHead(Component, IHeaderResponse)

IHeaderResponse有几种方便的方法可以附加到头