Frontpage Slideshow

[javier]

exist a way to make this fully compatible with IE6, IE7 and mozilla?

[dpmcalister]

The "fix" I've found for the localhost problem is to remove the / from each of the links to other parts of the code (well, it works for me anyway )

Revised code for localhost

Code Select Expand


<div class="div_contenttabelle">
  <div class="div_content-container">
    <div class="div_content" > <a name="inhalte" id="inhalt"></a>
            <div class="moduletable">
<link href="modules/mod_fpslideshow/mod_fpslideshow.css" rel="stylesheet" type="text/css"/>
<style type="text/css" media="screen">
   #fpss-container {width:490px;}
   #fpss-slider, #slide-loading, .slide {width:490px;height:300px;}
   #slide-outer, #slide-outer .slide-inner {height:300px;}
</style>
<!--[if lt IE 7]>
<style type="text/css" media="screen">
   html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
</style>
<![endif]-->
<script language="javascript" type="text/javascript" src="modules/mod_fpslideshow/prototype.lite.js"></script>
<script language="javascript" type="text/javascript" src="modules/mod_fpslideshow/moo.fx.js"></script>
<script language="javascript" type="text/javascript" src="modules/mod_fpslideshow/moo.fx.pack.js"></script>
<script language="javascript" type="text/javascript" src="modules/mod_fpslideshow/mod_fpslideshow.js"></script>
<div id="fpss-container">
  <div id="fpss-slider">
    <div id="slide-loading"></div>
    <div id="slide-wrapper">
      <div id="slide-outer">

<div class="slide">
<div class="slide-inner">
<a href=http://yoursite.com/><img src="modules/images/0.jpg" /></a>
<div class="fpss_introtext"><h1><a href=http://yoursite.com/>
   Heading Goes here!</a></h1><p>
   Content goes here! ...</p><a href=http://yoursite.com/ class="readon">
   More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://yoursite.com/><img src="modules/images/1.jpg" /></a>
<div class="fpss_introtext"><h1><a href=http://yoursite.com/>Heading Goes here!
</a></h1><p>Content goes here! ...</p><a href=http://yoursite.com/ class="readon">More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://yoursite.com/><img src="modules/images/2.jpg" /></a>

<div class="fpss_introtext"><h1><a href=http://yoursite.com/>Heading Goes here!</a></h1>
<p>Content goes here! ...</p><a href=http://yoursite.com/ class="readon">More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://yoursite.com/><img src="modules/images/3.jpg" /></a>
<div class="fpss_introtext"><h1><a href=http://yoursite.com/>
   Heading Goes here!</a></h1><p>Content goes here! ...</p><a class="readon" href=http://yoursite.com/>
   More...</a></div>
</div>
</div>

<div class="slide">
<div class="slide-inner">
<a href=http://yoursite.com/><img src="modules/images/4.jpg" /></a>
<div class="fpss_introtext"><h1><a href=http://yoursite.com/>
   Heading Goes here!</a></h1><p>Content goes here! ...</p>
<a class="readon" href=http://yoursite.com/>
   More...</a></div>
</div>
</div>

      </div>
    </div>
  </div>
  <div id="navi-outer">

    <div class="ul_container">
      <ul>
        <li>
         <a href="#prev" onclick="showPrev();clearSlide();" title="Previous">
         </a>
      </li>
                <li>
         <a class="navi" href="#01">01</a>
      </li>

                <li>
         <a class="navi" href="#02">02</a>
      </li>
                <li>
         <a class="navi" href="#03">03</a>
      </li>
                <li>
         <a class="navi" href="#04">04</a>

      </li>
                <li>
         <a class="navi" href="#05">05</a>
      </li>

                <li><a href="#next" onclick="showNext();clearSlide();" title="Next">
            </a></li>
        <li><a href="#play/pause" onclick="playButtonClicked();return false;" id="playButton">
      Pause</a></li>
      </ul>
    </div>

  </div>
</div>
      </div>
      <div class="clr"></div>
    </div>

  </div>
  </div>

<script type="text/javascript">
function init() {
    if (arguments.callee.done) return;
    arguments.callee.done = true;
    if (_timer) clearInterval(_timer);
   initFrontpageSlideshow();

   initShowHideDivs();
   tabberAutomatic(tabberOptions);
};
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", init, false);
}
/*@cc_on @*/
/*@if (@_win32)
    document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
    var script = document.getElementById("__ie_onload");
    script.onreadystatechange = function() {
        if (this.readyState == "complete") {
            init(); // call the onload handler
        }
    };
/*@end @*/
if (/WebKit/i.test(navigator.userAgent)) { // sniff
    var _timer = setInterval(function() {
        if (/loaded|complete/.test(document.readyState)) {
            init(); // call the onload handler
        }
    }, 10);
}
window.onload = init;
</script>


My own question though (because I can't work it out myself ) is how to move the navigation bit (navi-outer) from the bottom (scrolling left to right) to the right (scrolling top to bottom). Can anyone else please?

[Jordan]

i get this:

Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator, webmaster@blahblah.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Apache/1.3.37 Server at "blahblah" Port 80

[Nikki Sixx]

Check the file's permissions. 644 is what the permission setting should be.

[jason218]

a IMPORTANT problem,
when i correct in the website, it cant autoslide, how can fix it?
(i tried IE7 & Firefox beta 3)

[sputera]

Uuurrrghhh..... I failed to integrate it with latest Tinyportal....

I've tried BBC n HTML, HTML n Javascript, Articles n other....

Please show me some solutions....