ok here's the ie interpreted html from ietester.
btw the script works fine in ie7 and the sources appear to be identical from a quick glance at both of them...
looking around different forums i found out that the galleria.js core is compatibble with the ie6, apparently it's the classic theme that's not. so if the problem lies in the js, that should be the first file to check.
...
<SCRIPT src="galleria/themes/classic/galleria.classic.js" async="true" onload="null"></SCRIPT>
<SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></SCRIPT>
<SCRIPT src="galleria/src/galleria.js"></SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
//Load Theme
Galleria.loadTheme('galleria/themes/classic/galleria.classic.js');
</SCRIPT>
<DIV id=container>
<DIV id=menu style="DISPLAY: block">a menu or logo goes here</DIV>
<DIV class=images>
<DIV style="DISPLAY: none" jQuery1285689732952="1"><A href="#"><IMG title="test man..." src="galleries/editorial/1.jpg"></A> <STRONG>Some Magazine</STRONG> <SPAN>Styling: Some Guy | Hair: Some Other Guy | Make-up: Some Woman</SPAN></DIV><IMG style="DISPLAY: none" src="galleries/editorial/2.jpg" jQuery1285689732952="2"> <IMG style="DISPLAY: none" src="galleries/editorial/3.jpg" jQuery1285689732952="3"> <IMG style="DISPLAY: none" src="galleries/editorial/4.jpg" jQuery1285689732952="4">
<DIV class=galleria-container style="HEIGHT: 500px" jQuery1285689732952="5">
<DIV class=galleria-stage>
<DIV class=galleria-images style="LEFT: 0px; WIDTH: 100%; POSITION: relative; TOP: 0px; HEIGHT: 100%">
<DIV class=galleria-image style="LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px"></DIV>
<DIV class=galleria-image style="LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px"><IMG style="DISPLAY: block; LEFT: -10000px; POSITION: absolute" height=528 src="file:///C:/Documents%20and%20Settings/Administrator/Desktop/goranphoto.com-beta/galleries/editorial/1.jpg" width=800></DIV></DIV>
<DIV class=galleria-loader style="DISPLAY: block; FILTER: alpha(opacity=40); ZOOM: 1" jQuery1285689732952="8"></DIV>
<DIV class=galleria-counter style="DISPLAY: none; FILTER: alpha(opacity=40); ZOOM: 1" jQuery1285689732952="9"><SPAN class=current>-</SPAN>/ <SPAN class=total>4</SPAN></DIV>
<DIV class=galleria-image-nav style="DISPLAY: block; LEFT: -10000px; POSITION: absolute">
<DIV class=galleria-image-nav-right style="DISPLAY: none" jQuery1285689732952="6"></DIV>
<DIV class=galleria-image-nav-left style="DISPLAY: none" jQuery1285689732952="7"></DIV></DIV></DIV>
<DIV class=galleria-thumbnails-container>
<DIV class=galleria-thumb-nav-left></DIV>
<DIV class=galleria-thumbnails-list>
<DIV class=galleria-thumbnails style="FILTER: alpha(opacity=100); ZOOM: 1"></DIV></DIV>
<DIV class=galleria-thumb-nav-right></DIV></DIV>
<DIV class=galleria-info>
<DIV class=galleria-info-text jQuery1285689732952="10">
<DIV class=galleria-info-title></DIV>
<DIV class=galleria-info-description></DIV>
<DIV class=galleria-info-author></DIV></DIV>
<DIV class=galleria-info-link jQuery1285689732952="11"></DIV>
<DIV class=galleria-info-close jQuery1285689732952="12"></DIV></DIV></DIV></DIV>
<DIV id=controls style="DISPLAY: block"><A id=g_next href="#" jQuery1285689732952="14">NEXT</A><BR><A id=g_prev href="#" jQuery1285689732952="13">PREV</A><BR><A id=g_play href="#" jQuery1285689732952="15">PLAY</A><BR><A id=g_pause href="#" jQuery1285689732952="16">PAUSE</A> </DIV>
<DIV id=leftfooter>EDITORIAL<BR>COMMERCIAL<BR>CONTACT<BR>BIO<BR>EXHIBITIONS </DIV>
<DIV id=rightfooter>right footer</DIV></DIV>
<SCRIPT>
$('.images').galleria({
thumbnails:false,
height:500,
preload:2,
image_position:'right',
image_margin:0,
show_imagenav:false,
data_config: function(img) {
// will extract and return image captions from the source:
return {
title: $(img).parent().next('strong').html(),
description: $(img).parent().next('strong').next().html()
};
},
extend: function() {
var gallery = this; // save the scope
$('#nav a').click(function(e) {
e.preventDefault(); // prevent default actions on the links
})
// attach gallery methods to links:
$('#g_prev').click(function() {
gallery.prev();
});
$('#g_next').click(function() {
gallery.next();
});
$('#g_play').click(function() {
gallery.play();
});
$('#g_pause').click(function() {
gallery.pause();
});
}
});
</SCRIPT>
</BODY></HTML>
