Запись LI с jQuery

Question

Я настраиваю существующее слайд-шоу jQuery и задаюсь вопросом, может ли кто-нибудь помочь с изменением базовой системы, которая записывает исходное изображение Flickr в фоновый рисунок CSS-класс LI, вместо этого записывает его как встроенное изображение внутри LI.

Текущий код:

$.each(r.query.results.photo,function(){ 
      data = this; 

      // Creating a new LI element with the photo as its 
      // centered background image: 

      $('<li>',{ 
       css : { 
        backgroundImage: 'url('+templateReplace(flickrSRC,data)+')', 
        width: options.width 
       } 
      }).appendTo(ul); 
}); 

Таким образом, вместо того, чтобы писать образ в класс CSS фоновое изображение, можно записать СРК изображения в элемент, который входит внутрь LI - так становится:

<li><img src="url('+templateReplace(flickrSRC,data)+')'" /></li> 

Я изо всех сил пытаюсь понять, как!

Answer 1

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

$.each(r.query.results.photo,function(){ 
      data = this; 

      // Creating a new LI element with the photo as its 
      // centered background image: 

      $('<li>').html($("<img>").attr("src", templateReplace(flickrSRC,data))).appendTo(ul); 
}); 

Answer 2

Вам не нужно менять этот слайдер, вы можете использовать плагин, связанный ниже. Этот слайдер скользит по каждому элементу html. здесь ссылка на скачивание: http://caroufredsel.dev7studios.com

;)