Benim site için bir İçerik Slider yapmaya çalışıyorum. Ben birden fazla HTML dosya var ve bu dosyaların yapısı şu şekildedir:

<div id="title"><h2>Title of the Slide</h2></div>
<div id="image"><a href="http://mylink.com"><img src="image.jpg" width="600" height="300" alt="image"</a></div>
<div id="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>

Ben aşağıdaki komut dosyası içeriği almak kullanmaya çalışıyorum (but no success) edilmiştir:

<?php
function render($position="") {
    ob_start();
    foreach(glob("/slides/*.html") as $fileName) {
    $fname = basename( $fileName );
    $curArr = file($fname);
    $slides[$fname ]['title'] = $curArr[0];
    $slides[$fname ]['image'] = $curArr[1];
    $slides[$fname ]['content'] = $curArr[2];

    foreach($slides as $key => $value){

        ?>
          <div id="slide-title">
            <?php echo $value['title'] ?>
          </div>

          <div id="slide-content">
              <?php echo $value['content'] ?>
          </div>

          <div id="slide-image">
              <?php echo $value['image'] ?>
          </div>

        <?php
        }}
        ?>
    <?php
    return ob_get_clean();
}

Ama sonra (yine hiçbir başarı) .... bir jQuery işlevi hakkında bilmek geldi

    jQuery.noConflict();
      (function($){
        $(document).ready(function () {    
          $('#slide-title').load('slides/slide1.html #title');
          $('#slide-content').load('slides/slide1.html #content');
          $('#slide-image').load('slides/slide1.html #image');
      });   
    })(jQuery);

Şimdi benim sorular .....

1. Ben doğru sözdizimi kullanıyorum.

2. Nasıl jQuery kullanarak birden fazla dosya içeriği olsun.

Please Note : Programlama Bilgim 'neredeyse '0. Ben sadece öğrenmeye başladı.