Загрузка изображений через AJAX в плагин jQuery Supersized

Question

Я пытаюсь динамически загружать изображения через AJAX в слайдер изображений jQuery "SuperSize": http://buildinternet.com/project/supersized/

Вызов AJAX прекрасно заменяет изображения, но затем кнопка воспроизведения перестает отвечать на запросы, а последующие вызовы нарушают синхронизацию интервала слайдов (слайды меняются быстрее).

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

Так в html:

<a href="javascript:brown();">Doeet</a>

Ajax call:

function red(){
  $.ajax({
  url: 'ajax.php?action=brown',
  success: function(data){
  $('#script').html(data);
  }
  })
}

ajax.php:

<?php switch($_GET["action"]){
  case "brown":
  echo "<script type='text/javascript'>
  jQuery(function($){
    $('#supersized').html('');
        $.supersized({          
            slides : [{image : 'image1.jpg'},
                       {image : 'image2.jpg'}]

            });     
    });</script>";
   break; }
?>

Answer 1

не пытайтесь передать весь код JavaScript для передачи. передавать только те параметры, которые вам нужны:

function red(){
  $.ajax({
    url: 'ajax.php?action=brown',
    success: function(data){
      if (data != "") {
        $('#supersized').html('');
        $.supersized({          
          slides : [{image : data}],
          ....
        });   
      }
    }
  })
}

PHP:

<?php 
switch($_GET["action"]){
    case "brown":
    echo "imagename.jpg";
    break; 
}
?>

и может использовать

• http://api.jquery.com/jQuery.parseJSON/
• http://api.jquery.com/click/