заменяя одно изображение другим, нажав кнопку «Далее»

Question

Вот мой сайт: http://mollymasonjohnson.com/project_3/newstyles.html

Когда вы нажимаете куклу «Графический дизайн», вы переходите на страницу «Графический дизайн». На этой странице есть миниатюры, которые при нажатии выводят изображения моих проектов. Некоторые из этих проектов содержат более одного изображения, поэтому мне нужно иметь возможность нажать кнопку «Далее» (в данном случае маленькая синяя стрелка в правом нижнем углу), чтобы перейти от одного изображения проекта к следующему.

Я пытался создать массив (чтобы переключиться с одного изображения в определенном проекте на следующее изображение в этом проекте), но у меня это не сработало. Что я делаю не так?

Answer 1

Сначала используйте проценты вместо фиксированных значений для слайда.Т.е. используйте 100% вместо -1490px, так как я смотрю на него на большом экране и все еще вижу куклы после слайда.

хорошо, проблема в том, что нет элемента с выбранным вами идентификатором.Вы gtelementbyid на gd-project, но это класс, и элементы имеют идентификаторы gd-project-1, gd-project-2, gd-project-3 и т. Д. Кроме того, это идентификатор div, а не фактическое изображение, поэтомуне имеет свойства src.

попробуйте что-то вроде (так как у вас есть jquery)

$(".gd-project img").attr("src",blindsimage[counter].src);

надеюсь, это поможет!