Drag multiple images

[Chaim]

Wow! That did it. Thanks again

[Chaim]

Where in the code do I adjust the position of the slide show on the html page? i.e. center or absolute position

[vwphillips]

It is just a DIV, you could put it im your original table

[Chaim]

After 26 questions the slide show recycles back to the beginning even though there are 50 questions. Any ideas why. I tried to adjust some of the parameters but could not solve the problem.
Are there other transitions?
Is there a help file I could look at for the slide show?
Thanks again for all your help.

http://www.koltora.com/math/

[vwphillips]

post a link to the slide show

[Chaim]

<div id="SlideShow" style="position: absolute; left: 0px; top: 0px; width: 999999px; height: 150px" >
I discovered that increasing the width in the above code gave the room for all the slides.
The slide show is at: http://www.koltora.com/math/
Do you have desolve transitions?
I would like to break the questions into smaller lessons. Is there a better way than creating different pages for each lesson? Could I call different parts of the question group and run the slide show from there? Thanks as always

[vwphillips]

<style type="text/css">
/*<![CDATA[*/

.parent {
  position:relative;overflow:hidden;width:700px;height:150px;border:solid black 0px;text-Align:center;
}
.parent INPUT{
  position:relative;top:0px;
}

#SlideShow {
 position:absolute;left:0px;top:0px;width:700px;height:150px;
}

.frame {
 position:absolute;left:0px;top:0px;width:700px;height:150px;background-Color:#FAFBB;

}

/*]]>*/
</style>

<script src="http://www.koltora.com/math/AnimatorBasic.js" type="text/javascript">
// see  http://www.vicsjavascripts.org.uk/AnimatorBasic/AnimatorBasic.htm
</script>

<script type="text/javascript">

function SS(id,cls,ms){
 var obj=document.getElementById(id);
 var clds=document.getElementById(id).childNodes;
 obj.ary=[]
 for (var z0=0;z0<clds.length;z0++){
  if (clds[z0].className&&clds[z0].className.indexOf(cls)>-1){
   obj.ary.push(zxcBAnimator('opacity',clds[z0],50,obj.ary.length>0?0:100,10));
  }
 }
 obj.ary[0].obj.style.zIndex=2
 obj.cnt=0;
 obj.ms=ms||1000;
}

function UD(id,ud){
 var obj=document.getElementById(id);
 if (obj.ary){
  obj.ary[obj.cnt].obj.style.zIndex=0;
  obj.ary[obj.cnt].update([obj.ary[obj.cnt].data[0],0],obj.ms);
  obj.cnt+=ud;
  obj.cnt=obj.cnt<0?obj.ary.length-1:obj.cnt==obj.ary.length?0:obj.cnt;
  obj.ary[obj.cnt].obj.style.zIndex=2
  obj.ary[obj.cnt].update([obj.ary[obj.cnt].data[0],100],obj.ms);
  Reset();
 }
}


function Reset(){
 for (var z0=0;z0<CAry.length;z0++){
  CAry[z0].parentNode.removeChild(CAry[z0]);
 }
 CAry=[];
}

</script>

[Chaim]

Thanks. The fade transition is a little choppy. I think I will stay with your original slide animation.

[Chaim]

Any idea why the drag sticks on Google Chrome. My latest version is at: http://koltora.com/Chaim_game/html/new.html
The "slide-in" effect was a bit dizzying for the game . I added another Dynamic Drive slide show script into the code. If you have time I would appreciate you look at it. Thanks as always for your very knowledgeable and kind help. Any sugestions would be greatly appreciated.

[vwphillips]

link gives a 404 error