jQuery load image from XML
Hi i am just starting using jquery. I want to load images from xml. I,ve got a script but it only load a single image, and i wan't to load all images called lightbox in XML.
here is an xml file:
- <?xml version="1.0" encoding="utf-8"?>
- <images>
- <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image1.jpg" lightbox="Zdjecia/Galeria/Kategoria1/Duze/image1.jpg">
- <lightbox>Zdjecia/Galeria/Kategoria1/Duze/image1.jpg</lightbox>
- </image>
- <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image2.jpg" lightbox="Zdjecia/Galeria/Kategoria1/Duze/image2.jpg">
- <lightbox>Zdjecia/Galeria/Kategoria1/Duze/image2.jpg</lightbox>
- </image>
- <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image3.jpg" lightbox="Zdjecia/Galeria/Kategoria1/Duze/image3.jpg">
- <lightbox>Zdjecia/Galeria/Kategoria1/Duze/image3.jpg</lightbox>
- </image>
- </images
and here is my script in Html :
- jQuery(window).ready(function($) {
- $.fn.prettyPhoto();
- $.get("xml/kategoria1.xml",{},function(xml){
- $('image',xml).each(function(i) {
- lightbox = $(this).find("lightbox").text();
- openLightbox(lightbox)
- });
- });
- });
- function openLightbox(path) {
- $.prettyPhoto.open(path);
I forget to add i'm using prettyphoto.
If anyone can help me please write me back
Greetings Krystian.