Swfupload, изменить цвет при наведении - PullRequest
Новая
       13

Swfupload, изменить цвет при наведении

2 голосов
/ 12 декабря 2011

Я хочу изменить цвет текста при наведении курсора на кнопку swfupload.

Свойство color Я поместил его в свойство button_text_style, но, похоже, у этого виджета нет свойства для установки свойств наведения. 

var settings = {
...
    button_text: '<span class="Button">Select photos</span>',
    button_width: "65",
    button_height: "29",
    button_text_style: '.Button {color:#FFF;}',
...
}

Есть идеи?

Спасибо

Ответы [ 3 ]

3 голосов
/ 29 ноября 2012

Я решил это, обернув объект SWF с помощью div и наблюдая за событием hover для оболочки: 

<div class="wrapper">
    <object></object>
</div>

$('div.wrapper').hover(function() {
     SWFUpload.setButtonText('<span class="hover">Upload</span>');
}, function() {
     SWFUpload.setButtonText('<span>Upload</span>');
});

button_text_style: 

span {
    color: #000000;
}
span.hover {
    color: #ff0000;
}
2 голосов
/ 22 декабря 2011

Я решил это с помощью 

buttonStyles = 
                '.Button {color: #FFF' +
                ';font-weight: bold'+ 
                ';font-family: Arial' +
                ';} ' +
                '.Button:hover {color: #000' +
                ';} ';

var settings = {
.....
                button_placeholder_id: "spanButtonPlaceHolder",
                button_text: '<span class="Button">Select photos</span>',
                button_text_style: buttonStyles,
                button_text_left_padding: 12,
                button_text_top_padding: 3,
                button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
                button_width:  100,
                button_cursor: SWFUpload.CURSOR.HAND,
........
}

для некоторых стилей (стилей шрифтов) необходимо использовать свойство "button_text_style"

для других стилей класс в css работает нормально

но важно добавить "button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT"

1 голос
/ 21 декабря 2011

Лучше всего использовать спрайт и свойство setButtonImageURL.Вам необходимо создать изображение, которое имеет 4 состояния (сверху вниз): нормальное, наведение, нажатие и отключение.Ниже приведен пример: http://demo.swfupload.org/v220/formsdemo/XPButtonUploadText_61x22.png

...