Почему я не могу использовать несколько идентификаторов здесь? - PullRequest
Новая
       9

Почему я не могу использовать несколько идентификаторов здесь?

2 голосов
/ 18 февраля 2009

Я пытаюсь заставить работать немного кода. Я использую Xfade, последняя версия. Фейдер изображений Homebrew Javascript, который исчезает между всеми тегами img в div, назначаемом Javascript. Я нашел скрипт исчезновения изображения, который использует Javascript для перехода между изображениями в div. Тем не менее, он может исчезнуть только на 1 деление ... У меня есть 3 места, в которых я хочу получить изображения с замиранием, и я не могу заставить код Javascript принять эффекты для запуска на другом делении.

Вот код, который я использую:

http://www.enlinegraphics.com/assets/js/xfade2.js

А страница, на которой я пытаюсь получить несколько div с собственным набором замирающих изображений, - это домашняя страница, она же http://www.enlinegraphics.com

Если я делаю это совершенно неправильно, и код не может легко запустить эффекты на разных DIV, тогда я могу искать другой, но мне действительно нужно найти хороший фейдер изображений Javascript.

РЕДАКТИРОВАТЬ : Я собираюсь попробовать свои силы в JQuery за предложение ответа - если у вас есть какая-либо помощь, которая поможет мне в этом, это будет в центре внимания сейчас, не пытаясь получить xfade за работой. Благодаря.

Ответы [ 2 ]

2 голосов
/ 18 февраля 2009

Вы можете рассмотреть возможность реализации и изучения jQuery, в котором есть несколько плагинов для затухания, а также встроенные функции, такие как fadeIn (), fadeOut () и т. Д.

Вы можете использовать несколько делений, постепенно исчезая, используя селектор, подобный этому 

$('#div1, #div2').fadeOut(1000);

Удачи!

Дополнительная помощь

Более конкретно, если на этом этапе вы хотите начать работу с замиранием Div, посмотрите документацию jQuery по адресу http://docs.jquery.com,, более конкретно, селекторы (для выбора div) и эффекты (для изучения, как и какие функции использовать).

0 голосов
/ 18 февраля 2009

Я столкнулся с подобной проблемой при циклическом переключении баннера на http://www.cwu.edu/~campuslife. Хотя функция затухания Jquery хороша, она не подходит для того, что вы делаете. Я рекомендую плагин Jquery cycle lite , если вы просто замираете между изображениями.

Чтобы настроить это, вам нужно добавить в документ скрипт jquery, плагин цикла и третий файл .js, например: 

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cycle.js"></script>
<script type="text/javascript" src="imgrotation.js"></script>

Затем, в файле imgrotation, добавьте следующие строки: 

$(document).ready(function(){
    $('#div1, #div2').cycle()
})

Это должно быть все, что вам нужно для переключения между изображениями в нескольких делениях.

...