Page 1 of 3 123 LastLast
Results 1 to 10 of 24

Thread: Help with Ultimate Fade In Slideshow

  1. #1
    Join Date
    Jul 2008
    Location
    Australia NSW
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with Ultimate Fade In Slideshow

    1) Script Title: fade in slide show

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem:
    Trying to work out if i add the fade in slide show how do i set it up so my pictures change Im not very good with a computer so please bear with me on this.

    I just dont understand how to get this to work fom just copying and pasting.
    How does it know what pictures to change?

    If someone could please tell me how to do it properly in english that would be really great.

    Thanks in advance Lee

  2. #2
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Just follow the instruction on DD and the script will work exactly as the demo page. All you need is to replace the images (highlighted) with the image you have:
    Code:
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax
    fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
     
    var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
    fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
    Highlighted should be changed on the image you want to fade. If nothing works, please provide a link to the page in question.

    Hope that makes sense.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  3. #3
    Join Date
    Jul 2008
    Location
    Australia NSW
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi that did work to a certain spot but my pictures are not how i would like them.
    They are on the side of the page when i wanted them to be in the centre
    Also my pics are not the same size and some of them you dont see all of them just a bit.
    Not sure what else i am to put here.

    Also i tried to upload to the net so you could see but it isnt showing up on my website IE will not even work on my website for this page.

    I use frontpage to build my pages but then use IE to upload them is this ok with this program?
    i will copy and paste the code i put in

    <html>

    <head>
    <meta http-equiv="Content-Language" content="en-us">
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>New Page 1</title>
    <meta name="Microsoft Theme" content="none">
    </head>

    <body text="#FFFFFF" bgcolor="#000000">

    <script type="text/javascript">

    /***********************************************
    * Ultimate Fade-In Slideshow (v1.51): Dynamic Drive (http://www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/

    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["ClassicClipped.jpg", "", ""] //plain image syntax
    fadeimages[1]=["Clippedoffside.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages[2]=["Diva2.JPG", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

    var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages2[0]=["ClassicClipped.jpg", "", ""] //plain image syntax
    fadeimages2[1]=["Clippedoffside.jpg", "http://www.cssdrive.com", ""] //image with link syntax
    fadeimages2[2]=["Diva2.JPG", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

    var fadebgcolor="white"

    ////NO need to edit beyond here/////////////

    var fadearray=new Array() //array to cache fadeshow instances
    var fadeclear=new Array() //array to cache corresponding clearinterval pointers

    var dom=(document.getElementById) //modern dom browsers
    var iebrowser=document.all

    function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
    this.pausecheck=pause
    this.mouseovercheck=0
    this.delay=delay
    this.degree=10 //initial opacity degree (10%)
    this.curimageindex=0
    this.nextimageindex=1
    fadearray[fadearray.length]=this
    this.slideshowid=fadearray.length-1
    this.canvasbase="canvas"+this.slideshowid
    this.curcanvas=this.canvasbase+"_0"
    if (typeof displayorder!="undefined")
    theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter)
    this.theimages=theimages
    this.imageborder=parseInt(borderwidth)
    this.postimages=new Array() //preload images
    for (p=0;p<theimages.length;p++){
    this.postimages[p]=new Image()
    this.postimages[p].src=theimages[p][0]
    }

    var fadewidth=fadewidth+this.imageborder*2
    var fadeheight=fadeheight+this.imageborder*2

    if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
    document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filterrogidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filterrogidXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
    else
    document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

    if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
    this.startit()
    else{
    this.curimageindex++
    setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
    }
    }

    function fadepic(obj){
    if (obj.degree<100){
    obj.degree+=10
    if (obj.tempobj.filters&&obj.tempobj.filters[0]){
    if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
    obj.tempobj.filters[0].opacity=obj.degree
    else //else if IE5.5-
    obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
    }
    else if (obj.tempobj.style.MozOpacity)
    obj.tempobj.style.MozOpacity=obj.degree/101
    else if (obj.tempobj.style.KhtmlOpacity)
    obj.tempobj.style.KhtmlOpacity=obj.degree/100
    else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
    obj.tempobj.style.opacity=obj.degree/101
    }
    else{
    clearInterval(fadeclear[obj.slideshowid])
    obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
    obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
    obj.populateslide(obj.tempobj, obj.nextimageindex)
    obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
    setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
    }
    }

    fadeshow.prototype.populateslide=function(picobj, picindex){
    var slideHTML=""
    if (this.theimages[picindex][1]!="") //if associated link exists for image
    slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
    slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
    if (this.theimages[picindex][1]!="") //if associated link exists for image
    slideHTML+='</a>'
    picobj.innerHTML=slideHTML
    }


    fadeshow.prototype.rotateimage=function(){
    if (this.pausecheck==1) //if pause onMouseover enabled, cache object
    var cacheobj=this
    if (this.mouseovercheck==1)
    setTimeout(function(){cacheobj.rotateimage()}, 100)
    else if (iebrowser&&dom||dom){
    this.resetit()
    var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    crossobj.style.zIndex++
    fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
    this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
    }
    else{
    var ns4imgobj=document.images['defaultslide'+this.slideshowid]
    ns4imgobj.src=this.postimages[this.curimageindex].src
    }
    this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
    }

    fadeshow.prototype.resetit=function(){
    this.degree=10
    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    if (crossobj.filters&&crossobj.filters[0]){
    if (typeof crossobj.filters[0].opacity=="number") //if IE6+
    crossobj.filters(0).opacity=this.degree
    else //else if IE5.5-
    crossobj.style.filter="alpha(opacity="+this.degree+")"
    }
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=this.degree/101
    else if (crossobj.style.KhtmlOpacity)
    crossobj.style.KhtmlOpacity=this.degree/100
    else if (crossobj.style.opacity&&!crossobj.filters)
    crossobj.style.opacity=this.degree/101
    }


    fadeshow.prototype.startit=function(){
    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    this.populateslide(crossobj, this.curimageindex)
    if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
    var cacheobj=this
    var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
    crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
    crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
    }
    this.rotateimage()
    }

    </script>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    <script type="text/javascript">
    //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
    new fadeshow(fadeimages, 300, 650, 0, 3000, 1, "R")
    new fadeshow(fadeimages2, 100, 200, 0, 3000, 0)

    </script>

    <p align="center">&nbsp;</p>

    </body>

    </html>







    Thanks again in advance

  4. #4
    Join Date
    Jul 2008
    Location
    Australia NSW
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well i have got it up on the net for you to see what it is doing so hopefully you can look and understand what i mean.

    The addy is http://www.belladonnaminiatures.com/slide.htm

    Now what i would like it to do is be in the centre of the page not on the side and to show all the picture on my last one where you just see the horses legs.

    Hope this helps you understand what im talking about.

    Thanks again in advance

  5. #5
    Join Date
    Jul 2008
    Location
    Australia NSW
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Would Like to put rotating images on my website

    Hi i would like to be able to put rotating images on my home page of my website.
    But im not very good with computers.
    Even though i built my website.But it very plain and simple LOL
    I have tried looking up heaps of stuff on the net but none of it makes sense to me.Even tried one of the ones of here but it didn't work.
    Does anyone have a html script for this.
    Im using frontpage to built my site and then uploading it to a ftp threw ie
    If that makes sense.

    Thanks in advance if anyone can help.

  6. #6
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Witch one did you try on dynamicdrive.com? Please give us a link to the one you tried, and a link to the website you want it on.
    Jeremy | jfein.net

  7. #7
    Join Date
    Jul 2008
    Location
    Australia NSW
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I used the ultimate fade in slideshow.

    Dont know what i dont wrong but it is not working properly.
    This is the link for my site www.belladonnaminiatures.com/slide.hm
    I would like the pictures to be in the middle of the page and also they are not showing properly.

    Your help would be great if you can see what i have done wrong.

  8. #8
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Take away all of the unreasonable: <p>s in that page... Its working OK for me, its just the spaces inbetween the slideshows, is that what you mean?
    Jeremy | jfein.net

  9. #9
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Find these notes useful:
    1. Never miss a DTD.
    2. text, bgcolor and align are deprecated.
    3. To center an element, take note of this:
      • Add margin:auto in your CSS.
      • Set a width on the element you want to center.
    4. The image was being cut because your set width is smaller than the largest image (which is the horse). Highlighted controls the width:
      Code:
      new fadeshow(fadeimages, 300, 650, 0, 3000, 1, "R")
      new fadeshow(fadeimages2, 100, 200, 0, 3000, 0)
    5. The image has a white background when fading, I believe it's odd, but it's your script, I just leave it to you. In case you want to change the color, modify this part:
      Code:
      var fadebgcolor="white"
    6. This ammendments were an application of the above said notes:
      HTML Code:
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
      <base href="http://www.belladonnaminiatures.com/slide.htm">
      <meta http-equiv="Content-Language" content="en-us">
      <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
      <meta name="ProgId" content="FrontPage.Editor.Document">
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
      <title>New Page 1</title>
      <meta name="Microsoft Theme" content="none">
      <style type="text/css">
      body{color:#fff;background-color:#000;}
      #master1,#master0{margin:auto;text-align:center;width:880px;}
      </style>
      </head>
      <body>
      <script type="text/javascript">
      /***********************************************
      * Ultimate Fade-In Slideshow (v1.51):  Dynamic Drive (http://www.dynamicdrive.com)
      * This notice MUST stay intact for legal use
      * Visit http://www.dynamicdrive.com/ for this script and 100s more.
      ***********************************************/
       
      var fadeimages=new Array()
      //SET IMAGE PATHS. Extend or contract array as needed
      fadeimages[0]=["ClassicClipped.jpg", "", ""] //plain image syntax
      fadeimages[1]=["Clippedoffside.jpg", "http://www.cssdrive.com", ""] //image with link syntax
      fadeimages[2]=["Diva2.JPG", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
       
      var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
      //SET IMAGE PATHS. Extend or contract array as needed
      fadeimages2[0]=["ClassicClipped.jpg", "", ""] //plain image syntax
      fadeimages2[1]=["Clippedoffside.jpg", "http://www.cssdrive.com", ""] //image with link syntax
      fadeimages2[2]=["Diva2.JPG", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
       
      var fadebgcolor="black"
      
      ////NO need to edit beyond here/////////////
       
      var fadearray=new Array() //array to cache fadeshow instances
      var fadeclear=new Array() //array to cache corresponding clearinterval pointers
       
      var dom=(document.getElementById) //modern dom browsers
      var iebrowser=document.all
       
      function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
      this.pausecheck=pause
      this.mouseovercheck=0
      this.delay=delay
      this.degree=10 //initial opacity degree (10%)
      this.curimageindex=0
      this.nextimageindex=1
      fadearray[fadearray.length]=this
      this.slideshowid=fadearray.length-1
      this.canvasbase="canvas"+this.slideshowid
      this.curcanvas=this.canvasbase+"_0"
      if (typeof displayorder!="undefined")
      theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
      this.theimages=theimages
      this.imageborder=parseInt(borderwidth)
      this.postimages=new Array() //preload images
      for (p=0;p<theimages.length;p++){
      this.postimages[p]=new Image()
      this.postimages[p].src=theimages[p][0]
      }
       
      var fadewidth=fadewidth+this.imageborder*2
      var fadeheight=fadeheight+this.imageborder*2
       
      if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
      document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
      else
      document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
       
      if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
      this.startit()
      else{
      this.curimageindex++
      setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
      }
      }
      
      function fadepic(obj){
      if (obj.degree<100){
      obj.degree+=10
      if (obj.tempobj.filters&&obj.tempobj.filters[0]){
      if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
      obj.tempobj.filters[0].opacity=obj.degree
      else //else if IE5.5-
      obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
      }
      else if (obj.tempobj.style.MozOpacity)
      obj.tempobj.style.MozOpacity=obj.degree/101
      else if (obj.tempobj.style.KhtmlOpacity)
      obj.tempobj.style.KhtmlOpacity=obj.degree/100
      else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
      obj.tempobj.style.opacity=obj.degree/101
      }
      else{
      clearInterval(fadeclear[obj.slideshowid])
      obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
      obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
      obj.populateslide(obj.tempobj, obj.nextimageindex)
      obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
      setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
      }
      }
       
      fadeshow.prototype.populateslide=function(picobj, picindex){
      var slideHTML=""
      if (this.theimages[picindex][1]!="") //if associated link exists for image
      slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
      slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
      if (this.theimages[picindex][1]!="") //if associated link exists for image
      slideHTML+='</a>'
      picobj.innerHTML=slideHTML
      }
       
       
      fadeshow.prototype.rotateimage=function(){
      if (this.pausecheck==1) //if pause onMouseover enabled, cache object
      var cacheobj=this
      if (this.mouseovercheck==1)
      setTimeout(function(){cacheobj.rotateimage()}, 100)
      else if (iebrowser&&dom||dom){
      this.resetit()
      var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
      crossobj.style.zIndex++
      fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
      this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
      }
      else{
      var ns4imgobj=document.images['defaultslide'+this.slideshowid]
      ns4imgobj.src=this.postimages[this.curimageindex].src
      }
      this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
      }
       
      fadeshow.prototype.resetit=function(){
      this.degree=10
      var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
      if (crossobj.filters&&crossobj.filters[0]){
      if (typeof crossobj.filters[0].opacity=="number") //if IE6+
      crossobj.filters(0).opacity=this.degree
      else //else if IE5.5-
      crossobj.style.filter="alpha(opacity="+this.degree+")"
      }
      else if (crossobj.style.MozOpacity)
      crossobj.style.MozOpacity=this.degree/101
      else if (crossobj.style.KhtmlOpacity)
      crossobj.style.KhtmlOpacity=this.degree/100
      else if (crossobj.style.opacity&&!crossobj.filters)
      crossobj.style.opacity=this.degree/101
      }
       
       
      fadeshow.prototype.startit=function(){
      var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
      this.populateslide(crossobj, this.curimageindex)
      if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
      var cacheobj=this
      var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
      crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
      crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
      }
      this.rotateimage()
      }
      
      </script>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </p>
      <script type="text/javascript">
      //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
      new fadeshow(fadeimages, 800, 515, 0, 3000, 1, "R")
      new fadeshow(fadeimages2, 800, 515, 0, 3000, 0)
      </script>
      <p style="margin:auto;">&nbsp;</p>
      
      </body>
      
      </html>


    Hope it helps.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  10. #10
    Join Date
    Jul 2008
    Location
    Australia NSW
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Maybe im saying or doing it wrong
    But this is what i would like only one slide show with pictures rotating in just that one.

    Can that be done?

    Instead of having 2 slides going.

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
  •