попробуйте сделать это легко, как это:
е столько конкретная проблема или ошибка, сколько вопрос реализации.
Прежде всего, я хотел бы сказать, что я прошел много уроков по увядающим изображениям, и у меня есть базовое понимание различных видов. Я надеюсь, что это не будет выброшено вместе с другими сотнями вопросов о выцветании изображений.
Это в основном то, что я хотел бы: изображение, переходящее в другое изображение при наведении курсора, используя javascript и предпочтительно jQuery. Я бы создал два изображения - одно с именем image.jpg, а другое с именем image_o.jpg. Они будут находиться в одной папке.
Вот как будет выглядеть html-разметка:
<img class="imghover" src="image.jpg" />
Javascript потребует от меня иметьimghover
Класс на всех изображениях, которые я хочу навести. Сценарий обнаружит второе изображение с именемimghover_o.jpg
и использовать его для второго изображения при переходе при наведении.
Там не будет необходимости CSS илиbackground-image
для перехода.
У меня будет несколько таких изображений в сетке, и все они должны будут иметь плавный переход.Итак, вы можете видеть, что я не хочу создавать новый класс CSS для eve, ry image или иметь дополнительный скрипт и разметку html, которые станут громоздкими.
Все вышеперечисленное достигается с этимСценарий Даниэля Нолана минус исчезающий переход. Скрипт просто меняет изображение без выцветания, но он идеально настроен с минимальным кодом.
Так что вы могли бы сказать, что я просто хочу добавить плавный переход к сценарию ролловера Даниэля Нолана. Возможно ли переделать его скрипт используя jQuery?
Возможно ли это (с помощью jQuery)?