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

StackOverflow https://stackoverflow.com/questions/559890

  •  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()
})

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top