Results 1 to 7 of 7

Thread: Is this hava script based or some thing else??

  1. #1
    Join Date
    Jul 2009
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Is this hava script based or some thing else??

    Is this Java script based or some thing else?? The pull me effect there at the top.
    Click Here

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    It's MooTools, a JavaScript library. I'm not sure about the plugin though, you'll have to search for that.

    Good luck!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  3. #3
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    It is quite easy to set up using custom scroll bars

    one of many scripts

    http://www.vicsjavascripts.org.uk/Cu...ollBarsIII.htm
    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. #4
    Join Date
    Jul 2009
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    @ is it a word press plug in???
    @VW Phillips its really awesome.You are a Guru at "Java script"

  5. #5
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    @ is it a word press plug in???
    No


    @VW Phillips its really awesome.You are a Guru at "Java script"
    Hardly but I can set this up with your images if you want me to.
    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. #6
    Join Date
    Jul 2009
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    yes i pmed u plz see

  7. #7
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    from PM
    Hi Respected sir, am raja from India, seems ur a Guru at Java script. can u help me on one image slide show on my site please? My Basic concept is Like this . please see the attached image. I want a image slide show with 2 controls. Like this:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <style type="text/css">
    /*<![CDATA[*/
    #tst {
      position:relative;width:50%;height:60px;border:solid black 1px;
    }
    
    .slide {
      position:relative;overflow:hidden;top:5px;width:80%;height:50px;border:solid black 1px;
    }
    
    .slider {
      position:absolute;top:0px;width:1300px;height:50px;
    }
    .slider IMG{
      position:absolute;left:0px;top:0px;width:50px;height:50px;
    }
    /*]]>*/
    </style>
    <script  src="http://www.vicsjavascripts.org.uk/AnimatorBasic/AnimatorBasic.js" type="text/javascript">
    // see http://www.vicsjavascripts.org.uk/AnimatorBasic/AnimatorBasic.js
    </script>
    
    <script type="text/javascript">
    /*<![CDATA[*/
    
    function Slide(id,nu,ms){
     this.obj=document.getElementById(id);
     this.slides=this.obj.getElementsByTagName('DIV');
     this.imgs=this.slides[1].getElementsByTagName('IMG');
     this.w=this.imgs[0].width;
     this.lgth=this.imgs.length;
     this.ms=ms||1000;
     this.nu=nu;
     this.cnt=0;
     this.ReSize();
    }
    
    Slide.prototype.ReSize=function(){
     this.slides[0].style.left=(this.obj.offsetWidth-this.slides[0].offsetWidth)/2+'px';
     var lft=(this.slides[0].offsetWidth-this.w*this.nu)/(this.nu);
     for (var z0=0;z0<this.lgth;z0++){
      this.imgs[z0].style.left=(this.w+lft)*z0+lft/2+'px';
     }
     this.os=lft/2;
     this.Next(0,10);
    }
    
    Slide.prototype.Next=function(ud,ms){
     this.cnt+=this.nu*ud;
     this.cnt=Math.max(Math.min(this.cnt,this.lgth),0);
     if (this.cnt==this.lgth&&ud<0) this.lgth-this.nu;
     zxcBAnimator('left',this.slides[1],this.slides[1].offsetLeft,-this.imgs[Math.min(this.cnt,this.lgth-this.nu)].offsetLeft+this.os,ms||this.ms,[0,this.imgs[this.lgth-1].offsetLeft]);
    }
    
    /*]]>*/
    </script>
    
    
    </head>
    
    <body onload="S=new Slide('tst',4,1000);" onresize="S.ReSize();" >
    <input type="button" name="" value="Fwd" onclick="S.Next(1);"/>
    <input type="button" name="" value="Back" onclick="S.Next(-1);"/>
    <div id="tst" >
    <div class="slide" >
    <div class="slider" >
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Zero.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/One.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Two.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Three.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Four.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Five.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Six.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Seven.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Eight.gif" />
    <img src="http://www.vicsjavascripts.org.uk/StdImages/Nine.gif" />
    </div>
    </div>
    </div>
    </body>
    </html>
    you will not need onresize="S.ReSize(); unless your sizes are in percentage(%)
    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
  •