Results 1 to 4 of 4

Thread: Flexi Slideshow Help

  1. #1
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Flexi Slideshow Help

    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:	256 
Size:	11.1 KB 
ID:	5472

  2. #2
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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/

  3. #3
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    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>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  4. #4
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you. I'll try it tomorrow when I'm awake

Similar Threads

  1. Flexi Slideshow -- Need more than one slideshow per page (with different images)
    By CookieMonster in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-05-2014, 07:43 AM
  2. Help with Flexi Slideshow
    By darthvadersmum in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 05-19-2011, 04:14 PM
  3. Flexi slideshow help plz...
    By riffster in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-15-2007, 11:51 AM
  4. Flexi slideshow
    By martino in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-18-2006, 06:52 PM
  5. flexi slideshow
    By jmulloy in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 11-05-2004, 12:36 AM

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
  •