Title: Javascript in Page
Last modified: August 18, 2016

---

# Javascript in Page

 *  [watsonalgas](https://wordpress.org/support/users/watsonalgas/)
 * (@watsonalgas)
 * [20 years, 7 months ago](https://wordpress.org/support/topic/javascript-in-page/)
 * I’m trying to insert this Javascript on a WP Page:
 * `
    <script language="JavaScript1.2" type="text/javascript">
 * /***********************************************
    * Fade-in image 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/](http://www.dynamicdrive.com/)
   for full source code ***********************************************/
 * var slideshow_width='140px' //SET IMAGE WIDTH
    var slideshow_height='225px' //
   SET IMAGE HEIGHT var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
 * var fadeimages=new Array()
    //SET 1) IMAGE PATHS, 2) optional link, 3), optional
   link target: fadeimages[0]=["/images/jesus.jpg", "", ""] fadeimages[1]=["/images/
   jesus1.jpg", "", ""] fadeimages[2]=["/images/jesus2.jpg", "", ""] fadeimages[
   3]=["/images/jesus3.jpg", "", ""] fadeimages[4]=["/images/jesus4.jpg", "", ""]
   fadeimages[5]=["/images/jesus5.jpg", "", ""]
 * ////NO need to edit beyond here/////////////
 * var preloadedimages=new Array()
    for (p=0;p<fadeimages.length;p++){ preloadedimages[
   p]=new Image() preloadedimages[p].src=fadeimages[p][0] }
 * var ie4=document.all
    var dom=document.getElementById
 * if (ie4||dom)
    document.write('<div style="position:relative;width:'+slideshow_width
   +';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:
   absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:
   alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;
   width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(
   opacity=10);-moz-opacity:10;visibility: hidden"></div></div>') else document.
   write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')
 * var curpos=10
    var degree=10 var curcanvas="canvas0" var curimageindex=0 var 
   nextimageindex=1
 * function fadepic(){
    if (curpos<100){ curpos+=10 if (tempobj.filters) tempobj.
   filters.alpha.opacity=curpos else if (tempobj.style.MozOpacity) tempobj.style.
   MozOpacity=curpos/101 } else{ clearInterval(dropslide) nextcanvas=(curcanvas=
   ="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas):
   document.getElementById(nextcanvas) tempobj.innerHTML=insertimage(nextimageindex)
   nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0 var
   tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
   tempobj2.style.visibility="hidden" setTimeout("rotateimage()",pause) } }
 * function insertimage(i){
    var tempcontainer=fadeimages[i][1]!=""? '<a href="'
   +fadeimages[i][1]+'">' : "" tempcontainer+='<img src="'+fadeimages[i][0]+'" border
   ="0">' tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
   return tempcontainer }
 * function rotateimage(){
    if (ie4||dom){ resetit(curcanvas) var crossobj=tempobj
   =ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.
   style.zIndex++ tempobj.style.visibility="visible" var temp='setInterval("fadepic()",
   50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"}
   else document.images.defaultslide.src=fadeimages[curimageindex][0] curimageindex
   =(curimageindex<fadeimages.length-1)? curimageindex+1 : 0 }
 * function resetit(what){
    curpos=10 var crossobj=ie4? eval("document.all."+what):
   document.getElementById(what) if (crossobj.filters) crossobj.filters.alpha.opacity
   =curpos else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=curpos/
   101 }
 * function startit(){
    var crossobj=ie4? eval("document.all."+curcanvas) : document.
   getElementById(curcanvas) crossobj.innerHTML=insertimage(curimageindex) rotateimage()}
 * if (ie4||dom)
    window.onload=startit else setInterval("rotateimage()",pause)
 * </script>
 * <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by
   <br>
    <a href="[http://www.dynamicdrive.com">Dynamic](http://www.dynamicdrive.com">Dynamic)
   Drive</a></font>
 * (I don’t think this “code” thing is working for me…sorry…)
    I’ve already tried
   what it says in the Codex and looked throught he forums, and I can’t get it to
   work. I tihnk what I need is step by step instructions on how to get this script
   to work. Thanks for the help if any.

Viewing 1 replies (of 1 total)

 *  Thread Starter [watsonalgas](https://wordpress.org/support/users/watsonalgas/)
 * (@watsonalgas)
 * [20 years, 7 months ago](https://wordpress.org/support/topic/javascript-in-page/#post-273284)
 * I’m having another problem here…I want to edit this post to take the long code
   out and put a link to it…but the edit button isn’t showing up, and as you can
   see I am logged in. I’m getting frustrated, but it’s worse for people trying 
   to read this post…
 * Here’s the link to the code in pastebin:
 * [http://pastebin.com/398219](http://pastebin.com/398219)

Viewing 1 replies (of 1 total)

The topic ‘Javascript in Page’ is closed to new replies.

## Tags

 * [javascript](https://wordpress.org/support/topic-tag/javascript/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [watsonalgas](https://wordpress.org/support/users/watsonalgas/)
 * Last activity: [20 years, 7 months ago](https://wordpress.org/support/topic/javascript-in-page/#post-273284)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics