Witam,
Korzystam z galerii AD Gallery pod którą chciałbym podpiąć XML'a zamiast wpisywać wszystko w pliku HTML. Niestety bez powodzenia, nie chce wyświetlić zawartości tego pliku.
Poniżej poszczególne kody:
HTML:
  1. <div class="ad-gallery">
  2. <div class="ad-image-wrapper">
  3. </div>
  4. <div class="ad-controls">
  5. </div>
  6. <div class="ad-nav">
  7. <div class="ad-thumbs">
  8. <ul class="ad-thumb-list">
  9. <li>
  10. <a href="images/1.jpg">
  11. <img src="images/thumbs/t1.jpg" title="Title for 1.jpg">
  12. </a>
  13. </li>
  14. <li>
  15. <a href="images/2.jpg">
  16. <img src="images/thumbs/t2.jpg" longdesc="http://www.example.com" alt="Description of the image 2.jpg">
  17. </a>
  18. </li>
  19. </ul>
  20. </div>
  21. </div>
  22. </div>


XML:
  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <Miejsca>
  3. <photo>
  4. <thumbnail>galerie/miejsca/thumbs/s_Aureus.jpg</thumbnail>
  5. <image>galerie/miejsca/Aureus.jpg</image>
  6. <title>Pałac Aureus</title>
  7. <description>
  8. Pię(tm)kny, wiekowy budynek wraz z otaczającym go ogrodem, położony w centrum Słupska.
  9. </description>
  10. </photo>
  11. <photo>
  12. <thumbnail>galerie/miejsca/thumbs/s_Palac_w_Godetowie.jpg</thumbnail>
  13. <image>galerie/miejsca/Palac_w_Godetowie.jpg</image>
  14. <title>Pałac Godę(tm)towo</title>
  15. <description>
  16. Historia pałacu w Godętowie sią(tm)ga XII wieku. Obiekt zachował styl starego majątku z urokliwym stawem, starodrzewem oraz z zachowaniem ducha minionych epok.
  17. </description>
  18. </photo>
  19. <photo>
  20. <thumbnail>galerie/miejsca/thumbs/s_Royal_Baltic.jpg</thumbnail>
  21. <image>galerie/miejsca/Royal_Baltic.jpg</image>
  22. <title>Royal Baltic</title>
  23. <description>
  24. Hotel Royal Baltic położony wśród sosnowego lasu, oddalony 150 m od usteckich plaż i szumu morza.
  25. </description>
  26. </photo>
  27. <photo>
  28. <thumbnail>galerie/miejsca/thumbs/s_Columbus.jpg</thumbnail>
  29. <image>galerie/miejsca/Columbus.jpg</image>
  30. <title>Columbus</title>
  31. <description>
  32. Obiekt położony jest w zacisznej i kameralnej czą(tm)ści Rowów, blisko plaży, około 70 metrów do morza.
  33. </description>
  34. </photo>
  35. </Miejsca>


I moje dotychczasowe wypociny:
Kod
<script>
$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "miejsca.xml",
        dataType: "xml",
        success: xmlParser
    });
});

function xmlParser(xml) {

    $(xml).find("photo").each(function () {

        $(".ad-thumb-list").append('<li><a href="' + $(this).find("image").text() + '"><img src="' + $(this).find("thumbnail").text() + '" title="' + $(this).find("title").text() + '" alt="' + $(this).find("description").text() + '"></a></li>');

        $(".ad-thumb-list").fadeIn(1000);
        $(".ad-thumbs").mouseover(function(){
            $(this).css('border-color','#A4045A');
        });
        $(".ad-thumbs").mouseout(function(){
            $(this).css('border-color','#aaa');

      });
    });
}
</script>

Zapomniałem o jednej rzeczy, pewnie istotnej dla poprawnego wyświetlania miniaturek.
W przykładowym pliku html listowanie zawiera dla każdej pozycji klasę class="image0", class="image1", itd.
  1. <li>
  2. <a href="images/1.jpg">
  3. <img src="images/thumbs/t1.jpg" class="image0">
  4. </a>
  5. </li>
  6. <li>
  7. <a href="images/10.jpg">
  8. <img src="images/thumbs/t10.jpg" title="A title for 10.jpg" alt="This is a nice, and incredibly descriptive, description of the image 10.jpg" class="image1">
  9. </a>
  10. </li>