Przemysław A.

Przemysław A. grafik komputerowy /
dtp / webmaster

Temat: Problem z wyświetleniem zawartości

Witam,
Korzystam z galerii AD Gallery pod którą chciałbym podpiąć XML'a zamiast wpisywać wszystko w pliku HTML (znacznik li). Niestety bez powodzenia, nie chce wyświetlić zawartości tego pliku.
Poniżej poszczególne kody:
[HTML:]
<div class="ad-gallery">
<div class="ad-image-wrapper">
</div>
<div class="ad-controls">
</div>
<div class="ad-nav">
<div class="ad-thumbs">
<ul class="ad-thumb-list">
<li>
<a href="images/1.jpg">
<img src="images/thumbs/t1.jpg" title="Title for 1.jpg">
</a>
</li>
<li>
<a href="images/2.jpg">
<img src="images/thumbs/t2.jpg" longdesc="http://www.example.com" alt="Description of the image 2.jpg">
</a>
</li>
</ul>
</div>
</div>
</div>

[XML:]
<?xml version="1.0" encoding="utf-8" ?>
<Miejsca>
<photo>
<thumbnail>galerie/miejsca/thumbs/s_Aureus.jpg</thumbnail>
<image>galerie/miejsca/Aureus.jpg</image>
<title>Pałac Aureus</title>
<description>
Pię™kny, wiekowy budynek wraz z otaczają…cym go ogrodem, położony w centrum Słupska.
</description>
</photo>
<photo>
<thumbnail>galerie/miejsca/thumbs/s_Palac_w_Godetowie.jpg</thumbnail>
<image>galerie/miejsca/Palac_w_Godetowie.jpg</image>
<title>Pałac Godę™towo</title>
<description>
Historia pałacu w Godętowie sią™ga XII wieku. Obiekt zachował styl starego mają…tku z urokliwym stawem, starodrzewem oraz z zachowaniem ducha minionych epok.
</description>
</photo>
<photo>
<thumbnail>galerie/miejsca/thumbs/s_Royal_Baltic.jpg</thumbnail>
<image>galerie/miejsca/Royal_Baltic.jpg</image>
<title>Royal Baltic</title>
<description>
Hotel Royal Baltic położony wś›ród sosnowego lasu, oddalony 150 m od usteckich plaż i szumu morza.
</description>
</photo>
<photo>
<thumbnail>galerie/miejsca/thumbs/s_Columbus.jpg</thumbnail>
<image>galerie/miejsca/Columbus.jpg</image>
<title>Columbus</title>
<description>
Obiekt położony jest w zacisznej i kameralnej czą™ś›ci Rowów, blisko plaży, około 70 metrów do morza.
</description>
</photo>
</Miejsca>

[I moje dotychczasowe (niedziałające) wypociny:]
<script>
$(document).ready(function () {
$.ajax({
type: "GET",
url: "miejsca.xml",
dataType: "xml",
success: xmlParser
});
});

function xmlParser(xml) {

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

$(".container").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>');

$(".container").fadeIn(1000);
$(".ad-thumbs").mouseover(function(){
$(this).css('border-color','#A4045A');
});
$(".ad-thumbs").mouseout(function(){
$(this).css('border-color','#aaa');
});
});
}
</script>Przemysław Andrzejczak edytował(a) ten post dnia 24.11.10 o godzinie 10:44

konto usunięte

Temat: Problem z wyświetleniem zawartości

Masz błąd bo appendujesz to do kontenera który nie istnieje. Polacam używać firebuga aby zobaczyć co w kodzie piszczy.



<script>
$(document).ready(function () {
$.ajax({
type: "GET",
url: "test.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>
Przemysław A.

Przemysław A. grafik komputerowy /
dtp / webmaster

Temat: Problem z wyświetleniem zawartości

Udało mi się w międzyczasie do tego dojść ale miniaturki wyświetla teraz jedna pod drugą zamiast jedna obok drugiej. Podejrzewam, że jest to spowodowane brakiem klas class="image0", class="image1", itd dla każdej pozycji zdefiniowanej w "img src".
Czy można to dodać np poprzez zastosowanie class="image[i]" ?

konto usunięte

Temat: Problem z wyświetleniem zawartości

jeśli w each dasz parametr np each(function(i) {

to powinno działać, nie mam teraz jak sprawdzićŁukasz Adamczewski edytował(a) ten post dnia 24.11.10 o godzinie 13:30
Przemysław A.

Przemysław A. grafik komputerowy /
dtp / webmaster

Temat: Problem z wyświetleniem zawartości

Wygląda na to, że skrypt nie jest przystosowany do dynamicznego dadawania kolejnych elementów.
Dodałem w pliku XML parametr "klasa" i wczytałem go do funkcji xmlParser i nic się nie zmieniło.
Wielkie dzięki za Twoją pomoc.

Następna dyskusja:

xsl - problem z polskimi zn...




Wyślij zaproszenie do