За последние 24 часа нас посетил 17131 программист и 1628 роботов. Сейчас ищут 1125 программистов ...

Менять изображение при клике jquery

Тема в разделе "JavaScript и AJAX", создана пользователем Парвиз, 23 янв 2018.

  1. Парвиз

    Парвиз Новичок

    С нами с:
    17 янв 2018
    Сообщения:
    14
    Симпатии:
    2
    Здраствуйте помогите пожалуйста!!!

    Вот такая задачка:
    Код (Javascript):
    1. var img = $('#imgload img');
    2.  
    3. img.hide().attr('src', 'img2');
    менял имя картинки и убрал с вида тепер надо загрузить img2 у которого написал, так не получается пробоваль с помощью .load() но ничего.
     
    #1 Парвиз, 23 янв 2018
    Последнее редактирование модератором: 23 янв 2018
  2. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    просто меняешь значение атрибута src и всё.
     
  3. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.861
    Симпатии:
    751
    Адрес:
    Татарстан
    Код (Javascript):
    1. img.attr('src', 'img2');
    не надо скрывать - видно ж ничего не будет ))) ну и надеюсь img2 - это реальная картинка существующая... прям ее путь? ))))
     
  4. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    если img2 это переменная и в ней хранится путь к картинке то тогда так
    Код (Javascript):
    1. img.attr('src', img2);
    кавычки убрать нужно
     
  5. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.210
    Симпатии:
    185
    Зачем использовать jquery?
     
  6. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    Автор использует его, и правльнее показывать вариант решения на jquery
     
    TeslaFeo нравится это.
  7. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    а ты уже мастер нативного JS ?
    понтуетесь не по статусу, батенька :)
     
    Dron-Boy нравится это.
  8. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.210
    Симпатии:
    185
    @TeslaFeo

    HTML:
    1. <div class="text-load">Загрузить изображение</div>
    2.  
    3. <div><img class="image" src=""></div>
    Код (Javascript):
    1. var load = document.querySelector('.text-load');
    2. var image = document.querySelector('.image');
    3.  
    4. load.addEventListener('click', function(){
    5.     image.setAttribute('src', 'http://www.turekradom.pl/files/KZ5132.jpg');
    6. })
     
    TeslaFeo нравится это.
  9. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    очень рад за тебя, чесслово.
    сам от js кайфую.
    но до него нужно дойти. даже до базового.
     
  10. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.210
    Симпатии:
    185
    @TeslaFeo и что нужно уметь, что бы был уровень базового JS?
     
  11. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    @Dimon2x я не о тебе говорю)
    и это абстрактный вопрос.
    я думаю, что если с гуглом можешь решить то, что тебе нежно, то это базовый JS.
    если у тебя сразу в голове всплывает, какие события на каких объектах DOM нужно поймать и какие обработчики повесить.
     
  12. Парвиз

    Парвиз Новичок

    С нами с:
    17 янв 2018
    Сообщения:
    14
    Симпатии:
    2
    да путь правильно но пробую не скрывать. И все таки Спасибо за хороший советь!
    --- Добавлено ---
    нет пока на примере не переменная
     
  13. Парвиз

    Парвиз Новичок

    С нами с:
    17 янв 2018
    Сообщения:
    14
    Симпатии:
    2
    Хочу без перезагрузки
     
  14. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.210
    Симпатии:
    185
    @Парвиз при чём тут jquery и без перезагрузки?
     
  15. Парвиз

    Парвиз Новичок

    С нами с:
    17 янв 2018
    Сообщения:
    14
    Симпатии:
    2
    Спасибо код работаед!
    --- Добавлено ---
    Спасибо за код. Я путал Ваш ответ с ту которого спросил: Почему без jquery?