Web Analytics Made Easy -
StatCounter Conveyor Belt Slideshow - CodingForum

Announcement

Collapse
No announcement yet.

Conveyor Belt Slideshow

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Conveyor Belt Slideshow

    Hi Everybody ..

    I currently have the Dynamic-FX Slide-In Menu.... It works great.... Is there a way I can code "pop out sub menus" to it ? I would like a top level name like "Pictures" and sub menus such as "Formal Pictures", "Casual Pictures" and "Group Pictures".

    If I cannot create sub menus with Dynamic FX Slide In Menu then one other choice is to have 2 or 3 Conveyor Belt Slide Shows running on one page. I have one running now. I copied and pasted the conveyor belt code to another spot on the page and could not get the second show to run. I got a blank band across the screen. but no pics... I tryed the sames pics as the first show just to see if it would work. When I placed the cursor into the area where the second show should have been, the first show which was running paused.

    Thanks In Advance For You Help.....

    Have A Great Day !

    Steve

  • #2
    I currently have the Dynamic-FX Slide-In Menu.... It works great.... Is there a way I can code "pop out sub menus" to it ? I would like a top level name like "Pictures" and sub menus such as "Formal Pictures", "Casual Pictures" and "Group Pictures".
    I don't know, if you can code well or are willing to take the time to learn how then I'm sure you can code pop out menus. I do know it's unlikely that you'll get one of us to code such menus for you. This is a forum where we help people with coding but we do expect them to code themselves, we just help with the parts they are having trouble understanding. That said, we have been known to produce whole scripts when the script itself was relatively simple but anything requiring weeks of effort is obviously out of the question.

    Seriously though, you may find it simpler to have multiple pages, each page with the particular slide show chosen. Then you coul use a simple menu to switch to the selected page with the requested slide show. Not as fancy maybe as having it all on one page but it would definitely be simpler to create and to maintain.
    Check out the Forum Search. It's the short path to getting great results from this forum.

    Comment


    • #3
      Roy...Thanks for the answer...

      I have toyed with the multiple pages thingy.. but wanted to keep it simple... I didn't realize creating the pop out sub menus would be a big thing.... Sorry bout that ! Damn newbees ! If I cannot get 3 conveyors to run on one page I will try the multiple pages...

      Thanks again and have a Great Day...

      Steve

      Comment


      • #4
        Some scripts are easy to get multiple uses out of while others can be next to impossible. How much work is involved is highly dependant on how the script was written. If the original script was written using Object Oriented coding and no dependancy on common global variables then it should be simple to make multiple objects for the script to work on and it should also only take one copy of the script.

        OTOH, if the script is heavily dependant on lots of global variables and functions you're probably going to find you have to create multiple copies of the script with unique variable and function names.

        That's also a good answer to the question of "Why should I use Object Oriented" methods when writing my own code?
        Check out the Forum Search. It's the short path to getting great results from this forum.

        Comment


        • #5
          My 1st go at the conveyor belt-



          Code:
           
          <script language="JavaScript1.2">
          
          /*
          Conveyor belt slideshow script- 
          © Dynamic Drive ([url]www.dynamicdrive.com[/url])
          For full source code, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com
          MADE TO AN OBJECT BY GARADON(Jens P. Svensson) [email][email protected][/email]
          */
          function slideShow(aName)
          {
            this.name=aName;
            this.sliderwidth="300px";
          	this.sliderheight="150px";
          	this.slidespeed=3;
          	this.slidebgcolor="#EAEAEA"
          	
          	this.slides=new Array();
          	this.finalslide='';
          	
          	this.copyspeed=this.slidespeed;
          	
          	this.slideHTML='<nobr>'+this.slides.join(" ")+'</nobr>';
          	this.iedom=document.all||document.getElementById
          	this.actualwidth='';
          	this.cross_slide;	
          	this.ns_slide;	
          	
          	this.fillup=function(){
              if (this.iedom)
          		{ str=this.name+"2";
                this.cross_slide=document.getElementById? document.getElementById(this.name+"2") : document.all.str;
          			str=this.name+"3";
                this.cross_slide2=document.getElementById? document.getElementById(this.name+"3") : document.all.str;
                this.cross_slide.innerHTML=this.cross_slide2.innerHTML=this.slideHTML;
                this.actualwidth=document.all? this.cross_slide.offsetWidth : document.getElementById(this.name+"temp").offsetWidth
                this.cross_slide2.style.left=this.actualwidth+20+"px"
              }
          		else if(document.layers)
          		{
          		  str=this.name+"3"
                this.ns_slide=document.ns_slidemenu.document.str;
          			str=this.name+"2"
                this.ns_slide2=document.ns_slidemenu.document.str;
                this.ns_slide.document.write(this.slideHTML)
                this.ns_slide.document.close()
                this.actualwidth=this.ns_slide.document.width
                this.ns_slide2.left=this.actualwidth+20
                this.ns_slide2.document.write(slideHTML)
                this.ns_slide2.document.close()
              }
              this.lefttime=setInterval(this.name+".slideleft()",30)
            }
          	
          
          	
          	this.slideleft=function(){
              if (this.iedom)
            	{
                if(parseInt(this.cross_slide.style.left)>(this.actualwidth*(-1)+8))
                  this.cross_slide.style.left=parseInt(this.cross_slide.style.left)-this.copyspeed+"px"
                else
                  this.cross_slide.style.left=parseInt(this.cross_slide2.style.left)+this.actualwidth+30+"px"
          
                if (parseInt(this.cross_slide2.style.left)>(this.actualwidth*(-1)+8))
                  this.cross_slide2.style.left=parseInt(this.cross_slide2.style.left)-this.copyspeed+"px"
                else
                  this.cross_slide2.style.left=parseInt(this.cross_slide.style.left)+this.actualwidth+30+"px"
              }
              else
          		  if (document.layers)
          			{
                  if (this.ns_slide.left>(this.actualwidth*(-1)+8))
                    this.ns_slide.left-=this.copyspeed
                  else
                    this.ns_slide.left=this.ns_slide2.left+this.actualwidth+30
          
                  if (this.ns_slide2.left>(this.actualwidth*(-1)+8))
                    this.ns_slide2.left-=this.copyspeed
                  else
                    this.ns_slide2.left=this.ns_slide.left+this.actualwidth+30
                }
            }
          
          	this.makeSlide=function()
          	{
          	  this.slideHTML='<nobr>'+this.slides.join(" ")+'</nobr>';
            	if (this.iedom)
                document.write('<span id="'+this.name+'temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+this.slideHTML+'</span>')
          	
              if (this.iedom||document.layers)
          	  {
                with (document)
          		  {
                  document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
                  if (this.iedom)
          			  {
                    write('<div style="position:relative;width:'+this.sliderwidth+';height:'+this.sliderheight+';overflow:hidden">')
                    write('<div style="position:absolute;width:'+this.sliderwidth+';height:'+this.sliderheight+';background-color:'+this.slidebgcolor+'" onMouseover="'+this.name+'.copyspeed=0" onMouseout="'+this.name+'.copyspeed='+this.name+'.slidespeed">')
                    write('<div id="'+this.name+'2" style="position:absolute;left:0px;top:0px"></div>')
                    write('<div id="'+this.name+'3" style="position:absolute;left:-1000px;top:0px"></div>')
                    write('</div></div>')
                  }
                  else if (document.layers)
          			  {
                    write('<ilayer width='+this.sliderwidth+' height='+this.sliderheight+' name="'+this.name+'" bgColor='+this.slidebgcolor+'>')
                    write('<layer name="'+this.name+'2" left=0 top=0 onMouseover="'+this.name+'.copyspeed=0" onMouseout="'+this.name+'.copyspeed='+this.name+'.slidespeed"></layer>')
                    write('<layer name="'+this.name+'3" left=0 top=0 onMouseover="'+this.name+'.copyspeed=0" onMouseout="'+this.name+'.copyspeed='+this.name+'.slidespeed"></layer>')
                    write('</ilayer>')
                  }
                  document.write('</td></table>')
                }
              }
          	}	
          }
          
          show1=new slideShow('show1');
          show1.slides[0]='<a href="http://"><img src="1.bmp" border=1></a>'
          show1.slides[1]='<a href="http://"><img src="2.bmp" border=1></a>'
          show1.slides[2]='<a href="http://"><img src="3.bmp" border=1></a>'
          show1.slides[3]='<a href="http://"><img src="4.bmp" border=1></a>'
          show1.slides[4]='<a href="http://"><img src="5.bmp" border=1></a>'
          
          
          show2=new slideShow('show2');
          show2.slides[0]='<a href="http://"><img src="6.bmp" border=1></a>'
          show2.slides[1]='<a href="http://"><img src="7.bmp" border=1></a>'
          show2.slides[2]='<a href="http://"><img src="8.bmp" border=1></a>'
          show2.slides[3]='<a href="http://"><img src="9.bmp" border=1></a>'
          show2.slides[4]='<a href="http://"><img src="10.bmp" border=1></a>'
          show2.makeSlide();
          </script>
          <body onload="show1.fillup();show2.fillup();"></body><script>
          show2.makeSlide();</script>
          <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
          <a href="http://dynamicdrive.com">Dynamic Drive</a></font></p><script>show1.makeSlide();</script>

          Comment


          • #6
            Thanks

            Garadon....

            Thanks Bud....

            I didn't mean to open a can of worms... thought I might be abe to change a line or two... You obviously took alot of time to redo the coding and I certainly appreciate that.... I will give it a try tonight and see what happens !

            Since this is apparently a bigger deal than I had imagined I will not or have you people spend a lot of time on this.... I'll just do the multiple page thing. I guess in my "Newbee" way of thinking I thought one page would be better than several. I'm trying to think of the people out there with 56k modems. But then again... maybe one page with 3 conveyors would take longer to load than 3 pages with one each !

            Have a Great great day, and Thanks...

            Steve

            Comment


            • #7
              To Roy Sinclair....

              Hi Roy..

              Thanks for your response to my multiple menu question. You really made me feel welcome here....

              I just wanted you to know I am a consulting engineer for the Boeing Corp. I study the effects of tensor function in higher differential topology, as exemplified by the application of the Gauss-Bonnet theorem applied to Todd polynomials, which indicates that cohemetric axial rotations in non adiabatic upwellings can, by random inference, assume an obverse transnational order of the thermodynamic characteristics of a transactional plasma undergoing negative entropy conversions.

              Have A Great Day !

              Steve
              Last edited by smeyers2; Feb 16, 2004, 07:12 PM.

              Comment


              • #8
                Re: To Roy Sinclair....

                Well at that cute;

                Alls them thar big wurds shure impressed me.....
                I sur hope you strive for more than being copenstetic .....

                ....Willy

                Comment


                • #9
                  Is this what u are after?
                  http://maximus.ravecore.com/beta/ssm7_0/test.html

                  Comment


                  • #10
                    Molly

                    Thanks for the link... Me wants to know.. How in the world did you find that page ?????

                    Have a Great Weekend All....

                    Steve

                    Comment

                    Working...
                    X