Загрузка HTML внутри тегов div

Question

Я делаю систему слайд-шоу, которая показывает предыдущие и следующие кнопки для очевидных заданий. Однако слайды будут отдельными html-файлами, такими как slide1.html, slide2.html. Thickbox и другие плагины загружают html в них асинхронно. Какой лучший способ сделать это. Я пишу плагин JQuery для всего процесса.

Мне бы очень понравились идеи опытных людей из JavaScript.

Большое спасибо заранее. Цените всю помощь.

Answer 1

Не совсем уверен, что вы спрашиваете. Загружать фрагменты HTML в div очень просто, используя load:

$("selector_for_the_div").load("your_url");

Пример (живое копирование) :

jQuery(function($) {

  var currentSlide = 0;
  var slides = [
    "http://jsbin.com/enuju4/",
    "http://jsbin.com/enuju4/2",
    "http://jsbin.com/enuju4/3"
    ];

  loadSlide(0);

  $("#btnNext").click(function() {
    loadSlide(currentSlide + 1);
  });

  $("#btnPrev").click(function() {
    loadSlide(currentSlide - 1);
  });

  function loadSlide(index) {
    if (index >= 0 && index < slides.length) {
      currentSlide = index;
      $('#slideHolder').load(slides[currentSlide]);
    }
  }

});

Вы можете кэшировать слайды или просто полагаться на кеширование браузера. Кнопка включения / выключения, и, очевидно, было бы неплохо ...