Hi Jonah,
Perhaps that's not the problem though, because shortly after I made those changes (around April 22nd), I reverted to the original .htaccess file, which did not have the GZip compression lines -- but this made no difference, the image slide still doesn't work. So I don't think that the .htaccess file is the problem now, unless my changes somehow damaged the actual javascript code.
About the same time that I changed the .htaccess file, I also upgraded from Joomla 2.5.9 to Joomla 2.5.11. Could this be the problem? Tonight I used Firebug to compare the javascript for my non-working version of the image slide with the same code from the Paradigm Shift demo model on the Shape 5 website. I note that the code is mostly identical, except for the very first line. (There are a few other differences which seem unimportant.)
Here are the two versions of that script (I've included the actual line gaps as found in the Firebug code -- curiously, these are different too):
MY VERSION:
<script type="text/javascript">
window.addEvent('domready',function(){
var s5_startItem = 0;
var s5_if_thumbs_maskout = $('s5_if_thumbs_maskout').setStyle('left',(s5_startItem*60-568)+'px').set('opacity',0.8);
var fxOptions7 = {property:'left', duration:tween_time, transition:Fx.Transitions.Expo.easeIn, wait:false}
var thumbsFx = new Fx.Tween(s5_if_thumbs_maskout,fxOptions7);
var hs7 = new noobSlide({
size: 950,
box: $('s5_if_innerbox'),
items: [0,1,2,3,4,5,6,7,8,9],
autoPlay: true,
handles: $$('#s5_if_thumbs_handlesout span'),
fxOptions: fxOptions7,
addButtons: {previous: $('s5_prev'), play: $('s5_play'), stop: $('s5_stop'), next: $('s5_next')},
button_event: 'click',
interval: 10000,
onWalk: function(currentItem){
thumbsFx.start(currentItem*68-568);},s5_startItem: s5_startItem}); hs7.walk(0); });
</script>
THE SHAPE 5 DEMO VERSION:
<script type="text/javascript">
function s5_load_image_slide(){
var s5_startItem = 0;
var s5_if_thumbs_maskout = $('s5_if_thumbs_maskout').setStyle('left',(s5_startItem*68-568)+'px').setOpacity(0.8);
var fxOptions7 = {duration:tween_time, transition:Fx.Transitions.Expo.easeIn, wait:false}
var thumbsFx = new Fx.Style(s5_if_thumbs_maskout,'left',fxOptions7);
var hs7 = new noobSlide({
size: 950,
box: $('s5_if_innerbox'),
items: [0,1,2],
autoPlay: true,
handles: $ES('span','s5_if_thumbs_handlesout'),
fxOptions: fxOptions7,
buttons: {previous: $('s5_prev'), play: $('s5_play'), stop: $('s5_stop'), next: $('s5_next')},
button_event: 'click',
interval: 8000,
onWalk: function(currentItem){
thumbsFx.start(currentItem*68-568);},s5_startItem: s5_startItem}); hs7.walk(0); }
window.setTimeout(s5_load_image_slide,400);
</script>
I could modify the code on mine if you think that might be the problem...but I don't know where to find that Javascript file...
Thanks for your help,
Charlie