2011-01-09 3 views
0

Я работаю над веб-сайтом (в настоящее время на этапе планирования &), и у меня есть набор столов с установленным на него фоновым изображением. Было бы неплохо (по желанию) оживить непрозрачность фонового изображения на мыши. Как я вижу в jQuery API - это невозможно. (или может?)jQuery animate background-image from CSS

Итак, я придумал еще одно не очень чистое «решение».

Так что мой вопрос: может ли эта работа? -> (JQuery псевдокод)

for each table in body 
set cloneOfMyImage.Postition = table.Position 
set cloneOfMyImage.Height = table.Height 
set cloneOfMyImage.Width = table.Width 
set cloneOfMyImage.Opacity = 0 

В основном -> создать «клон» из «фона» изображение в том же положении каждой таблицы, с того же размера, каждой таблицы, и сделать его похожим фон появляется на мыши.

Спасибо за ваше время.

+0

Вы хотите, чтобы непрозрачность фонового изображения исчезала или переключалась между двумя значениями? Если это последний, то, вероятно, это будет проще всего, если вы просто используете два PNG с разными значениями альфа-прозрачности и переключаетесь между ними. – RoToRa

+0

Я хочу, чтобы непрозрачность фонового изображения исчезла. Я знаю, как я могу это сделать, например. переключение css из одного (с изображением1) в другое (с изображением2), но я думаю, что анимация будет иметь приятный эффект. – Andrej

ответ

0

Это будет работать, но также будет иметь большой вес в браузере, если у вас много таблиц, из-за DOM Reflow, конечно, это будет зависеть от браузера и компьютера, но я предполагаю, что вы хотите этого работать очень легко для каждого пользователя.

Возможно, вы хотите рассмотреть animating the background position of the image to create an animation.

+0

да, я просто наткнулся на эту же статью! Плюс, http://plugins.jquery.com/project/backgroundPosition-Effectthis ... Думаю, я поеду с этим .. Он будет выглядеть лучше с анимацией непрозрачности, но из того, что я вижу, это проще для воплощать в жизнь. Благодаря! – Andrej