Warning: Constant ABSPATH already defined in /home/raypasto/www/www/wordpress/wp-config.php on line 26

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648
{"id":2106,"date":"2013-02-12T07:28:13","date_gmt":"2013-02-12T12:28:13","guid":{"rendered":"http:\/\/raypastore.com\/wordpress\/?p=2106"},"modified":"2013-02-12T07:28:13","modified_gmt":"2013-02-12T12:28:13","slug":"javascript-slideshow-tutorial","status":"publish","type":"post","link":"https:\/\/raypastore.com\/wordpress\/2013\/02\/javascript-slideshow-tutorial\/","title":{"rendered":"Javascript slideshow tutorial"},"content":{"rendered":"

Here<\/a> is a great tutorial on a simple scrolling slideshow. You can define the time and its very easy to implement. Here is the code from the article:<\/p>\n

Javascript:<\/p>\n\n\n\n\n\n\n\n\n\n
\n
<SCRIPT LANGUAGE=\"JavaScript\">\r\n<!--<\/span><\/pre>\n<\/td>\n<\/tr>\n
\n
var dimages=new Array();\r\nvar numImages=2;<\/span><\/pre>\n
for (i=0; i<numImages; i++)\r\n{\r\n  dimages[i]=new Image();\r\n  dimages[i].src=\"images\/image\"+(i+1)+\".jpg\";\r\n}\r\nvar curImage=-1;\r\n<\/span><\/pre>\n<\/td>\n<\/tr>\n
\n
function swapPicture()\r\n{\r\n  if (document.images)\r\n  {\r\n    var nextImage=curImage+1;\r\n    if (nextImage>=numImages)\r\n      nextImage=0;\r\n    if (dimages[nextImage] && dimages[nextImage].complete)\r\n    {\r\n      var target=0;\r\n      if (document.images.myImage)\r\n        target=document.images.myImage;\r\n      if (document.all && document.getElementById(\"myImage\"))\r\n        target=document.getElementById(\"myImage\");\r\n\r\n<\/span>      \/\/ make sure target is valid.  It might not be valid\r\n      \/\/   if the page has not finished loading\r\n<\/span>      if (target)\r\n<\/span>      {<\/span>\r\n        target.src=dimages[nextImage].src;\r\n        curImage=nextImage;\r\n      }<\/span><\/pre>\n<\/td>\n<\/tr>\n
\n
      setTimeout(\"swapPicture()\", 5000);<\/span><\/pre>\n<\/td>\n<\/tr>\n
\n
    }\r\n    else\r\n    {\r\n      setTimeout(\"swapPicture()\", 500);\r\n    }\r\n  }\r\n}<\/span><\/pre>\n<\/td>\n<\/tr>\n
\n
setTimeout(\"swapPicture()\", 5000);<\/span><\/pre>\n<\/td>\n<\/tr>\n
\n
\/\/-->\r\n<\/SCRIPT><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Then here is the code to place it:<\/p>\n

<IMG WIDTH=250 HEIGHT=250 ID=\"myImage\"<\/b> NAME=\"myImage\"<\/b>\r\n  SRC=\"images\/image0.gif\"><\/IMG><\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"

Here is a great tutorial on a simple scrolling slideshow. You can define the time and its very easy to implement. Here is the code from the article: Javascript: <SCRIPT LANGUAGE=”JavaScript”> <!– var dimages=new Array(); var numImages=2; for (i=0; i<numImages; i++) { dimages[i]=new Image(); dimages[i].src=”images\/image”+(i+1)+”.jpg”; } var curImage=-1; function swapPicture() { if (document.images) { var […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[88],"tags":[38,141],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts\/2106"}],"collection":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/comments?post=2106"}],"version-history":[{"count":1,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts\/2106\/revisions"}],"predecessor-version":[{"id":2107,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts\/2106\/revisions\/2107"}],"wp:attachment":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/media?parent=2106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/categories?post=2106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/tags?post=2106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}