jQuery анимация с привязкой по времени - в режиме слайд-шоу - PullRequest
0 голосов
/ 07 марта 2011

Моя проблема заключается в следующем: у меня есть слайд-шоу jQuery, которое затухает в / из списка изображений. Мне нужно, если возможно, иметь ряд ссылок рядом с этим слайд-шоу, которые со временем растут или слегка увеличиваются с появлением изображений, которые они описывают.

т.е. В цикле 4 изображения и 4 ссылки слева, относящиеся к изображениям. Мне бы хотелось, чтобы ссылка, соответствующая текущему изображению, была каким-либо образом выделена (увеличение, увеличение и т. Д.)

Я нашел много документации по анимации текста «onmouseover / onmousehover», но в идеале я бы хотел синхронизировать анимации с соответствующими изображениями. Я понимаю, что это было бы намного проще во Flash, но по причинам SEO и удобства использования я требую, чтобы ссылки были реальным текстом или, по крайней мере, спрайтовыми изображениями с отступами текста (cufon также подойдет, если это предложит решение этой проблемы)

Ниже приведена ссылка на очень простой дизайн баннера (будьте добры), слайд-шоу работает, но ссылки в настоящее время являются просто статичным изображением. Надеюсь, с описанием и этим примером вы сможете полностью понять эффект, которого я пытаюсь достичь.

Ссылка на пример

Заранее большое спасибо за вашу помощь.

РЕДАКТИРОВАТЬ: я знаю, что вы можете использовать jQuery для «вставки» значений в CSS, поэтому я предполагаю, что свойство font-size ссылок можно увеличивать и уменьшать, и это действие можно анимировать с помощью jQuery. Я просто не уверен, как применить этот набор поведения. Я новичок в jQuery.

1 Ответ

1 голос
/ 07 марта 2011

Используйте Jquery's animate () , чтобы изменить стиль ссылки.Пример:

$( "#link1" ).animate({
   color:red, opacity: .5
}, 1000, "linear", function(){ alert("all done"); });
...