Witam serdecznie,

mam pytanie dotyczące połączenia pliku gallery.xml z tradycyjnym plikiem styli .css ... niestety nie mogę tego ogarnąć, a galerii mam trochę do zrobienia i chciałabym mieć nad nimi kontrolę z jednego miejsca ...

plik gallery.xml wygląda następująco:

[XML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2.  
  3. <simpleviewergallery maxImageWidth="480" maxImageHeight="480" textColor="0xFFFFFF" frameColor="0xFFFFFF" frameWidth="20" stagePadding="40" navPadding="40" thumbnailColumns="3" thumbnailRows="3" navPosition="left" vAlign="center" hAlign="center" title="SimpleViewer Gallery" enableRightClickOpen="true" backgroundImagePath="" imagePath="" thumbPath="</span>">
  4. <<span style='color:blue'>image>
  5. <filename>001.jpg</filename>      
  6. <caption>001.jpg</caption>
  7. </image>
  8. <image>
  9. <filename>002.jpg</filename>
  10. <caption>002.jpg</caption>
  11. </image>
  12. </simplewiever>
[XML] pobierz, plaintext


plik ten jest osadzony w dokumencie html:

[HTML] pobierz, plaintext 
  1. <!-- saved from url=(0014)about:internet -->
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>SimpleViewer</title>
  6. <!-- Download SimpleViewer at www.airtightinteractive.com/simpleviewer -->
  7. <script type="text/javascript" src="swfobject.js"></script>
  8. <style type="text/css">	
  9. 	/* hide from ie on mac \*/
  10. 	html {
  11. 		height: 100%;
  12. 		overflow: hidden;
  13. 	}
  14.  
  15. 	#flashcontent {
  16. 		height: 100%;
  17. 	}
  18. 	/* end hide */
  19.  
  20. 	body {
  21. 		height: 100%;
  22. 		margin: 0;
  23. 		padding: 0;
  24. 		background-color: #181818;
  25. 		color:#ffffff;
  26. 		font-family:sans-serif;
  27. 		font-size:20;
  28. 	}
  29.  
  30. 	a {	
  31. 		color:#cccccc;
  32. 	}
  33. </style>
  34. </head>
  35. <body>
  36. 	<div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>	
  37. 	<script type="text/javascript">
  38.  
  39. 		var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#181818");
  40.  
  41. 		// SIMPLEVIEWER CONFIGURATION OPTIONS
  42. 		// To use an option, uncomment it by removing the "//" at the start of the line
  43. 		// For a description of config options, go to: 
  44. 		// http://www.airtightinteractive.com/simpleviewer/options.html
  45.  
  46. 		//fo.addVariable("xmlDataPath", "gallery.xml");
  47. 		//fo.addVariable("firstImageIndex", "5");	
  48. 		//fo.addVariable("langOpenImage", "Open Image in New Window");
  49. 		//fo.addVariable("langAbout", "About");	
  50. 		//fo.addVariable("preloaderColor", "0xFFFFFF");
  51.  
  52. 		fo.write("flashcontent");	
  53. 	</script>	
  54. </body>
  55. </html>
[HTML] pobierz, plaintext


cechy i wartości chciałabym umieścić w odrębnym pliku .css

zrobiłam to w następujący sposób:

w pliku xml:

[XML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <?xml-stylesheet type="text/css" href="style_simple.css" ?>
  3.  
  4. <simpleviewergallery>
  5. <image>
  6. <filename>001.jpg</filename>      
  7. <caption>001.jpg</caption>
  8. </image>
  9. <image>
  10. <filename>002.jpg</filename>
  11. <caption>002.jpg</caption>
  12. </image>
  13. </simplewiever>
[XML] pobierz, plaintext


a plik .css wygląda tak:

[HTML] pobierz, plaintext 
  1. simpleviewergallery {
  2.  
  3. maxImageWidth=1024;
  4. maxImageHeight=1024;
  5. textColor=0xFFFFFF;
  6. frameColor=0xFFFFFF;
  7. frameWidth=20;
  8. stagePadding=40;
  9. navPadding=40;
  10. thumbnailColumns=3;
  11. thumbnailRows=5;
  12. navPosition=left;
  13. vAlign=center;
  14. hAlign=center;
  15. enableRightClickOpen=true;
  16. backgroundImagePath=images/tlo.jpg;
  17. imagePath=;
  18. thumbPath=thumbnails/;
  19.  
  20. }
[HTML] pobierz, plaintext


niestety nie działa :-(
może mi ktoś z Was pomóc ?
będę bardzo wdzięczna ...