Flexi Slideshow Help

**KCRileyGyer** · 06-08-2014, 10:10 PM

Hi, I'm doing some work to my website www.kcrileygyer.com. The changes aren't active yet but the link will show you what I want to keep.

I'm changing the header image to two (2) images. 1st one at the top will be the navigation and the 2nd one directly below it will be the flexi slideshow. Now, as you can see on my site, the two iframes below the header image scroll under the header image. I want to keep this feature so that the iframes scroll under the flexi slideshow. But when I add the javascript onto my page and set up the details for the slideshow itself, the iframes no longer sit under the lower part of the header area. Can someone help me with this please?

Also, when I do have the script in place, I have the word UNDEFINED underneath the slideshow outside of the border/slideshow area. I need help removing this please. See screen capture.

Click image for larger version.

Name: zz-ss-001.jpg
Views: 289
Size: 11.1 KB
ID: 5472

**KCRileyGyer** · 06-14-2014, 02:42 AM

I know it's only been a week but can someone please help me. The first link shows my website as it is now with the 2 iframes in place and working. The second link is the test of what I'm trying to achieve. It shows the undefined below the slideshow. I don't know where it is in the coding to remove it.

http://www.kcrileygyer.com
http://www.kcrileygyer.com/test/

**vwphillips** · 06-14-2014, 11:09 AM

best if you replace that slideshow with

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<style type="text/css">
/*<![CDATA[*/
#slidedom {
 width:1300px;height:247px;background-color:#FFFFCC
}

#slidedom DIV{
 text-Align:center;;background-color:red
}

/*]]>*/
</style></head>

<body>
<div id="slidedom" onmouseover="zxcSlideShow.Pause('slidedom');" onmouseout="zxcSlideShow.Auto('slidedom');" >
 <div><!-- optional caption DIV --></div>
</div>
<br />
<br />
<br />
<!-- optional controls -->
<input type="button" name="" value="Next" onclick="zxcSlideShow.Next('slidedom',1);"/>
<input type="button" name="" value="Back" onclick="zxcSlideShow.Next('slidedom',-1);"/>
<input type="button" name="" value="GoTo 0" onclick="zxcSlideShow.GoTo('slidedom',0);"/>
<input type="button" name="" value="GoTo 1" onclick="zxcSlideShow.GoTo('slidedom',1);"/>
<input type="button" name="" value="GoTo 2" onclick="zxcSlideShow.GoTo('slidedom',2);"/>

<script type="text/javascript">
/*<![CDATA[*/

var zxcSlideShow={

 GoTo:function(id,n){
  var o=this['zxc'+id];
  o?this.rotate(o,n):null;
 },

 Next:function(id,ud){
  var o=this['zxc'+id],ud=typeof(ud)=='number'&&ud<0?-1:1;
  o?this.rotate(o,o.n+ud):null;
 },

 Pause:function(id){
  var o=this['zxc'+id];
  o?clearTimeout(o.to):null;
 },

 Auto:function(id,ms){
  var oop=this,o=oop['zxc'+id];
  o?o.to=setTimeout(function(){ oop.rotate(o,true); },ms||200):null;
 },

 init:function(o){
  var id=o.ID,a=o.ImageArray,h=o.AutoHold,s=o.AutoStart,p=document.getElementById(id);
  if (p&&a instanceof Array){
   o.id=id;
   for (var src,z0=0;z0<a.length;z0++){
    src=a[z0][0];
    a[z0][0]=new Image();
    a[z0][0].src=src;
   }
   o.a=a;
   o.lk=document.createElement('A');
   a[0][1]?o.lk.href=a[0][1]:null;
   o.i=document.createElement('IMG');
   o.i.style.borderWidth='0px';
   o.i.src=a[0][0].src;
   o.lk.appendChild(o.i);
   p.appendChild(o.lk);
   o.c=p.getElementsByTagName('DIV')[0];
   if (o.c){
    o.c.innerHTML=a[0][2]||'';
    p.appendChild(o.c);
   }
   o.n=0;
   o.h=typeof(h)=='number'&&h>100?h:5000;
   this['zxc'+id]=o;
   typeof(s)=='number'&&s>=0?this.Auto(id,s):null;
  }
 },

 rotate:function(o,a){
  this.Pause(o.id);
  var n=a===true?o.n+1:a;
  n=n>=o.a.length?0:n<0?o.a.length-1:n;
  if (o.a[n]&&o.a[n][0].width>40){
   o.lk.removeAttribute('href');
   o.i.src=o.a[n][0].src;
   o.a[n][1]?o.lk.href=o.a[n][1]:null;
   o.c?o.c.innerHTML=o.a[n][2]||'':null;
   o.n=n;
   a===true?this.Auto(o.id,o.h):null;
  }
  else if (o.a[n]){
   o.a.splice(n,1);
   a===true?this.Auto(o.id,100):null;
  }
 }

}

zxcSlideShow.init({
 ID:'slidedom',
 ImageArray:[
  ['http://www.kcrileygyer.com/test/img-Hdr02a.png','#','tom'],
  ['http://www.kcrileygyer.com/test/img-Hdr02b.png'],
  ['http://www.kcrileygyer.com/test/img-Hdr02c.png']
 ],
 AutoHold:2000,
 AutoStart:2000
});

/*]]>*/
</script>
</body>

</html>