Почему я не могу использовать здесь несколько идентификаторов?
-
05-09-2019 - |
Вопрос
Я пытаюсь заставить немного работать код.Я использую xfade, последнюю версию.Самодельный фейдер изображений Javascript, который исчезает между всеми тегами img в div, назначенными Javascript.Я нашел скрипт для затухания изображений, который использует Javascript для затухания между изображениями в div.Однако он может затухать только на 1 деление...У меня есть 3 места, в которых я хочу разместить исчезающие изображения, и я не могу заставить код Javascript принять эффекты для запуска в другом div.
Вот код, который я использую:
http://www.enlinegraphics.com/assets/js/xfade2.js
И страница, на которой я пытаюсь заставить работать несколько divs с их собственным набором исчезающих изображений, - это домашняя страница, она же http://www.enlinegraphics.com
Если я делаю это совершенно неправильно, и код не может легко запускать эффекты на разных DIVS, тогда я могу поискать другой, но мне действительно нужно найти хороший Javascript image fader.
Редактировать:Я собираюсь попробовать свои силы в jQuery в соответствии с предложением an answer - если у вас есть какая-либо помощь, которая поможет мне в этом, это было бы сейчас в центре внимания, а не попытки заставить xfade работать.Спасибо.
Решение
Вы могли бы рассмотреть возможность внедрения и изучения jQuery, в котором есть несколько плагинов для fade things, а также встроенные функции, такие как fadeIn(), fadeOut() и т.д.
Вы могли бы использовать несколько divs fade, используя такой селектор
$('#div1, #div2').fadeOut(1000);
Удачи!
Дополнительная помощь
Более конкретно, если на этом этапе вы хотели бы приступить к работе с исчезающими разделами, ознакомьтесь с документами jQuery по адресу http://docs.jquery.com, более конкретно селекторы (для выбора div) и эффекты (для изучения того, как и какие функции использовать).
Другие советы
Я столкнулся с аналогичной проблемой при циклировании баннера на http://www.cwu.edu /~ кампусная жизнь .Хотя функция fadeout в Jquery приятна, она не будет адекватна тому, что вы делаете.Я рекомендую Jquery плагин cycle lite если вы просто переходите от изображения к изображению.
Чтобы настроить это, вам нужно будет добавить скрипт jquery, плагин cycle и третий файл .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()
})
Это должно быть все, что вам нужно для циклического просмотра изображений в нескольких разделах.