Поменять образ Src JQuery не работает?

Question

Поменять образ Src JQuery не работает?

0

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

http://codepen.io/DylanEspey/pen/xgwJr Пример Codepen Я собрал очень быстро, чтобы попытаться проиллюстрировать мою проблему.

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

user3550543 29 апр. 2014, в 04:50

Источник

Теги:

javascript

jquery

2 ответа

0

Попробуй это:

$('.thumbnails img').click(function () {
    var thmb = this;
    var src = this.src;
    $('.project-img img').fadeOut(400, function () {
        thmb.src = this.src;
        $(this).attr('src', src).fadeIn(400);
    });
});

Демо-версия скрипта

Felix 29 апр. 2014, в 00:51

Ещё вопросы

sahbeewah · Accepted Answer · 2014-04-29T00-55-00.000Z

Проблема в том, что наложение, используемое для вашего эффекта затухания, не позволяет вам щелкнуть изображение, находящееся под ним. Решение состоит в том, чтобы вместо прослушивания щелчка на изображении прослушать его на наложении и соответствующим образом скорректировать ссылки.

Я разветкил ваш код, чтобы это отразить: http://codepen.io/anon/pen/qlkob

JS:

$(document).ready(function() {
    $('.thumbnails .overlay').click(function() {
        var img = $(this).find('img')[0];
        var thmb = img;
        var src = img.src;
        $('.project-img img').fadeOut(400,function(){
            thmb.src = this.src;
            $(this).attr('src', src).fadeIn(400);
        });
    });
});