Results 1 to 8 of 8

Thread: Translucent DHTML script

  1. #1
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Translucent DHTML script

    Greetings,

    I am giving the translucent script a try however is not working for me and need help with it. I am adding it to my homestead web page.

    I have added the path and file name to the script below however although the script seems to work in preview the images are not displaying? what am I doing wrong?

    Kind regards,
    John
    =========================================================

    <script type="text/javascript">

    /***********************************************
    * Translucent Slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    var trans_width='300px' //slideshow width
    var trans_height='250px' //slideshow height
    var pause=2000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
    var degree=5 //animation speed. Greater is faster.

    var slideshowcontent=new Array()
    //Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
    slideshowcontent[0]=["f:\projects\1099-pt bouvard\photos\email\1448.jpg", "", ""]
    slideshowcontent[1]=["f:\projects\1099-pt bouvard\photos\email\1524.jpg", "", ""]
    slideshowcontent[2]=["f:\projects\1099-pt bouvard\photos\email\3472.jpg", "", ""]


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

    var bgcolor='white'

    var imageholder=new Array()
    for (i=0;i<slideshowcontent.length;i++){
    imageholder[i]=new Image()
    imageholder[i].src=slideshowcontent[i][0]
    }

    var ie4=document.all
    var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

    if (ie4||dom)
    document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
    else if (document.layers){
    document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
    }

    var curpos=trans_width*(-1)
    var curcanvas="canvas0"
    var curindex=0
    var nextindex=1

    function getslidehtml(theslide){
    var slidehtml=""
    if (theslide[1]!="")
    slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
    slidehtml+='<img src="'+theslide[0]+'" border="0">'
    if (theslide[1]!="")
    slidehtml+='</a>'
    return slidehtml
    }

    function moveslide(){
    if (curpos<0){
    curpos=Math.min(curpos+degree,0)
    tempobj.style.left=curpos+"px"
    }
    else{
    clearInterval(dropslide)
    if (crossobj.filters)
    crossobj.filters.alpha.opacity=100
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=1
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
    nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
    setTimeout("rotateslide()",pause)
    }
    }

    function rotateslide(){
    if (ie4||dom){
    resetit(curcanvas)
    crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    if (crossobj.filters)
    document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
    else if (crossobj.style.MozOpacity)
    document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
    var temp='setInterval("moveslide()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else if (document.layers){
    crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
    crossobj.document.close()
    }
    curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
    }

    function jumptoslide(which){
    curindex=which
    rotateslide()
    }

    function resetit(what){
    curpos=parseInt(trans_width)*(-1)
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    crossobj.style.left=curpos+"px"
    }

    function startit(){
    crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
    if (ie4||dom){
    crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
    rotateslide()
    }
    else{
    document.tickernsmain.visibility='show'
    curindex++
    setInterval("rotateslide()",pause)
    }
    }

    if (window.addEventListener)
    window.addEventListener("load", startit, false)
    else if (window.attachEvent)
    window.attachEvent("onload", startit)
    else if (ie4||dom||document.layers)
    window.onload=startit

    </script>

    <p align="center"><font face="arial" size="-2">This free script provided by</font><br>
    <font face="arial, helvetica" size="-2"><a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You need to upload the images to the site and change these:
    Code:
    slideshowcontent[0]=["f:\projects\1099-pt bouvard\photos\email\1448.jpg", "", ""]
    slideshowcontent[1]=["f:\projects\1099-pt bouvard\photos\email\1524.jpg", "", ""]
    slideshowcontent[2]=["f:\projects\1099-pt bouvard\photos\email\3472.jpg", "", ""]
    to reflect the images' locations on the server. There may be other problems. If possible, use a text editor when inserting script into your page.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you, I will check it out and give it a try.

    It is interesting that I tried another javascript for a slideshow element and worked perfectly with these path statements.

    Something odd going on.

    Regards,
    John

  4. #4
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    I was wrong with my previous statement, I checked and the path statement seems okay when viewing the site from my pc where the images reside however cannot viw them on the web sitefrom any other pc.

    I do not know where the images go when they are uploaded to the homestead site so have asked their tech support people.

    Thanks for your help.

    Regards,
    John

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    One way you may be able to locate the images on the server is -

    If you can view them in the browser, just the images, then the url in the address bar is their location.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hmmm, I did that but there is still an f:\....path which is the directory on my pc? could it be that the server directory is also F: drive.

    Regards,
    John

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    No, if you are viewing the copies on the server, assuming there are some there, the address will start (most likely):

    http://

    and certainly not with a drive letter. What's the url to your live page? If I had that, I could poke around a bit to see if I can maybe find them.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #8
    Join Date
    Jul 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    Could you email me directly on johngbd@bigpond.com

    The site is password protected, will reply with URL & password.

    Regards,
    John

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
  •