Page 4 of 7 FirstFirst ... 23456 ... LastLast
Results 31 to 40 of 62

Thread: Drag multiple images

  1. #31
    Join Date
    Jul 2009
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Wow! That did it. Thanks again

  2. #32
    Join Date
    Jul 2009
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

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

  3. #33
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    It is just a DIV, you could put it im your original table
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  4. #34
    Join Date
    Jul 2009
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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/
    Last edited by Chaim; 08-24-2009 at 01:03 PM.

  5. #35
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    post a link to the slide show
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  6. #36
    Join Date
    Jul 2009
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    <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

  7. #37
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    Code:
    <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>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  8. The Following User Says Thank You to vwphillips For This Useful Post:

    Chaim (08-25-2009)

  9. #38
    Join Date
    Jul 2009
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

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

  10. #39
    Join Date
    Jul 2009
    Posts
    44
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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.

  11. #40
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,810
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    link gives a 404 error
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •