Слайдшоу на чистом Jquery

12
K
На сайте с 12.02.2014
Offline
4
804

Как написать код на ЧИСТОМ Jquery.

Когда кликаю на картинку надо чтобы на этом месте куда кликаю появлялись другие картинки.

Второй день не могу сделать.

На яваскрипте я знаю как сделать. Нужно на чистом Jquery сделать.

$("#hier img").click(function () {$("#hier img").attr("src" , ЗДЕСЬ наверное нужно вставить то что будет перебирать адреса массива в котором находятся другие картинки);});

Чувствую решение в методе each()

Но не могу никак реализовать это.

Соорудил такую конструкцию сложную, но она только один раз меняет картинку

$("#hier").click(function () {$("#eto img").each(function (){

$("#hier img").attr("src" , $(this).attr("src")); }/* function 2*/ );/*each*/ } /*function 1*/ );/*click*/[/JS]

R
На сайте с 18.12.2009
Offline
92
#1

Большинство, в том числе и я, jQuery используют наоборот, от незнания javascript.

Если уж Вы способны создать нативный вариант, в чем может быть проблема? Да и зачем вообще?

siv1987
На сайте с 02.04.2009
Offline
427
#2

jQuery - библиотека, а в остальном это тот же javascript.

koderman:
Соорудил такую конструкцию сложную, но она только один раз меняет картинку

Нихрена не понятно что вы тут соорудили, и что хотите сделать. Показывайте свой нативный пример, и форматируйте пожалуйста нормально код.

K
На сайте с 12.02.2014
Offline
4
#3
rerighter:
Большинство, в том числе и я, jQuery используют наоборот, от незнания javascript.

Я учу Jquery тоже от незнания яваскрипт.

Я писал ведь условие.

Есть картинка и при клике на эту картинку, на её месте должна появляться другая картинка. Ещё раз кликнули, опять другая картинка появляться должна. И так по кругу.

---------- Добавлено 12.02.2014 в 23:44 ----------

И всё это должно быть только на Jquery с применением того каркаса что я писал.

siv1987
На сайте с 02.04.2009
Offline
427
#4


$('#img').click(function(){
var src = 'другая картинка';
$(this).attr('src', src);
})
K
На сайте с 12.02.2014
Offline
4
#5

siv1987, вот так я имел ввиду

http://jsfiddle.net/Deonis/8N4Dj/1/

Я про результат говорю.

Я попробовал твой код. Не работает он так, но похож сильно уже.

---------- Добавлено 13.02.2014 в 00:08 ----------

Хотя нет. Не похож. Это не цикл. А только одна картинка переключиться может. Так я могу. Нужен цикл. Но в таком каркасе с применением $(this)

C
На сайте с 04.02.2005
Offline
291
#6

var imgs=(i1.jpg,i2,jpg)

var count = 0

$(elem).click(

var src =imgs[count]

count++

...

)

Это г-но код, но идея работающая.

K
На сайте с 12.02.2014
Offline
4
#7

Действительно. Надо по циклу(по кругу), а тут один раз пройдётся и всё.

C
На сайте с 04.02.2005
Offline
291
#8

ну... т.е.

написать проверку на длину массива уже сложно

if (count == imgs.length) count = 0

K
На сайте с 12.02.2014
Offline
4
#9

Ну ладно извиняюсь)

Но всё равно надо с применением $(this)

Я Jquery сейчас учу. Хочется усвоить эту тему. Второй день вожусь с этим $(this)

Вот так сделал http://jsfiddle.net/AmNJ8/

А как описал не могу. Что только не перепробовал уже(из того что знаю конечно)).

---------- Добавлено 13.02.2014 в 00:46 ----------

Принцип действия такой быть должен http://jsfiddle.net/Deonis/8N4Dj/1/

---------- Добавлено 13.02.2014 в 00:49 ----------

Кликайте по картинкам справа.

C
На сайте с 04.02.2005
Offline
291
#10

причем здесь this?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий