Jquery - добавить изображение к авто слайду

Question

Jquery - добавить изображение к авто слайду

0

Привет, я создал небольшой слайдер:

Когда вы набрасываете бросок "STOP SLIDE", автоспуск останавливается:

var stopped=false;
$("#slideshow > div:gt(0)").hide();      
setInterval(function() { 
  if(!stopped){
    $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
  }
},  2000);

$('#stopSlide').mouseover(function(){
  stopped=true;
  // how to append new picture here?
})
$('#stopSlide').mouseout(function(){
  stopped=false;
})

Мой вопрос заключается в том, как добавить новый образ в #stopSlide, в то время как есть мусор, как я писал в моем коде.. кто-нибудь может мне помочь в этом случае?

Приветствую!!

user3297073 10 март 2014, в 02:20

Источник

Теги:

javascript

jquery

slide

slider

1 ответ

Ещё вопросы

Vahe Khachikyan · Accepted Answer · 2014-03-09T22-57-00.000Z

Ознакомьтесь с обновленной скриптой по адресу http://jsfiddle.net/Jtec5/381.

Я добавил следующее в обратном вызове мыши.

template = $('<div></div>')
  .hide()
  .append(
      $('<img>').attr({ src : imageUrl })
  )

$("#slideshow").append(template);

Код создает div и добавляет к нему элемент img с src= imageUrl. Вам нужно будет установить переменную imageUrl в URL-адрес изображения, которое вы хотите вставить непосредственно перед назначением шаблона. Изображение добавляется прямо перед текущим элементом и будет отображаться в следующих циклах.