Based on the scriptlicious and mooFX scripts which were ripped off by some people down at joomla >:( and being sold.
I bring you the free version of Front Page slideshow
Demo: http://path-to-peace.org/aku/index.php
Block Type: Script
Position Recommended: Center
Settings: Use frame but not title
Files to upload: Zip file attached.
When you unzip the file it will contain only 1 folder called modules Uploat this to your forum root
Code to put in block:
<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>
Customizations:
To add a new slide....
Find
<li>
<a class="navi" href="#05">05</a>
</li>
Add a copy of the code just under neath it just number it 06 where it says 05, the numbers are progressive 05,06,07,08,09...0n
then find this code copy it and add underneath the last similar code type..and please understand it well
<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>
- where it says Heading Goes here! goes your heading for the slide
- where it says Content goes here! ... goes your small intro text for the slide
- the 1st link is the link which will be on the picture if someone clicks it
- images go in the images directory /modules/images/0.jpg
- the 2nd link is for the heading
- the 3rd link is for the read on text
CSS stuff
All css settings are defined in the file mod_fpslideshow.css play around with them to change your colors
Recommended change to 1 graphic
the image called nav_left.gif(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fgoofy-goobers.com%2Fmodules%2Fmod_fpslideshow%2Fnav_left.gif&hash=0c7a64ee93d19db530b56ae894445290f3e5598a) I would recommend that you change the blue corner to the color of your block background so that it blends in.
Caution!
If you are already using scriptlicious or mooFX libraries on your pages then you can expect some conflict. In that case you may have to remove your other script if you want this to work.
Credits: Jons Design (http://smoothslideshow.jondesign.net/)
Thanks so much Aku.
seems great judging from the demo !!! thnx a lot !!!
Thanks for the samples Aku (https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.avalanchestyle.com%2Fforum%2FSmileys%2Fdefault%2Fyummy.gif&hash=8034808e0ed1ced8685780a6ba1b69b094dc846e)
Thnx Aku!!! I have and older slide but this once has cooler options. Time to upgrade my slide again.
Aku, can you elaborate on these two instructions:
- the 2nd link is for the heading
- the 3rd link is for the read on text
:o
edit - i figured it out ;D
Check it out - http://www.avalanchestyle.com/forum/index.php
I put the code in-between my Welcome article :up:
Wow.... i go to sleep and you beat me to it! Hahahaha....nice work RO! i really like it!!! Looks very good.
Im working on mine this AM.
u may want to make ur headings stand out more by changing their colors in this part of the CSS:
/* Notice: Add custom text styling here to overwrite your template's CSS styles! */
.fpss_introtext {}
.fpss_introtext h1 {font-size:14px;margin:0px 0px 4px 0px;padding:0px;}
.fpss_introtext h1 a {}
.fpss_introtext h1 a:hover {}
.fpss_introtext h2 {font-size:12px;margin:0px 0px 4px 0px;padding:0px;}
.fpss_introtext h3 {font-size:11px;margin:0px 0px 4px 0px;padding:0px;}
.fpss_introtext p {margin:0px 0px 4px 0px;padding:0px;}
.fpss_introtext img {display:none;} /* this will hide images inside the introtext */
.fpss_introtext p img {display:none;} /* this will hide images inside the introtext */
as they stand now, it will pick the colors up from your page css since the colors are not defined in the over right options
this line should take care of the colors of the main headline...
.fpss_introtext h1 {font-size:14px;margin:0px 0px 4px 0px;padding:0px;}
u may wana add a color attibute to it like
.fpss_introtext h1 {font-size:14px;margin:0px 0px 4px 0px;padding:0px;color:#FF9900;}
Thanks Aku, that was going to be my next question :up:
Thanks Mick! Took a while to put together cause I had to decide on the pictures, grab the links, etc. :up:
So strange, this like didn't seem to do anything :D
.fpss_introtext h1 {font-size:14px;margin:0px 0px 4px 0px;padding:0px;color:#FF9900;}
lol it could be cos i suck at css
try moving the color thingie next to the font like
.fpss_introtext h1 {font-size:14px;color:#FF9900;margin:0px 0px 4px 0px;padding:0px;}
if that dosent work then we will need expert css help
Quote from: Aku on February 24, 2007, 04:49:58 PM
lol it could be cos i suck at css
try moving the color thingie next to the font like
.fpss_introtext h1 {font-size:14px;color:#FF9900;margin:0px 0px 4px 0px;padding:0px;}
if that dosent work then we will need expert css help
hahahaha, it didn't work :o :2funny:
try putting in the colors manually to each slide like this:
<h1><a href=http://yoursite.com/>
Heading Goes here!</a></h1>
u could try
<h1><a href=http://yoursite.com/>
<font color="#00FF00">Heading Goes here!</font></a></h1>
yup the above method works perfectly
just tested it on my own site
Quote from: Aku on February 24, 2007, 06:01:36 PM
yup the above method works perfectly
just tested it on my own site
It worked, but it changed the color of the other 'h1' headings in the article below the slideshow. no problems. i like it the way it is :coolsmiley:
at least there's a fix if i decide to put it in a stand alone center block :up:
yea the css seems to be over riding the header settings
Some reason the code I am using below:
<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://www.brianjwilson.com/><img src="/modules/images/forum.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=forum>
Forum</a></h1><p>
Nice community to talk about anything you wish.</p><a href=http://brianjwilson.com/index.php?action=read;sa=forum class="readon">
More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=arcade><img src="/modules/images/arcade.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=arcade>Arcade
</a></h1><p>Play fun games and beat other peoples highscores using the Arcade.</p><a href=http://brianjwilson.com/index.php?action=read;sa=arcade class="readon">More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=gallery><img src="/modules/images/gallery.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=gallery>Gallery</a></h1>
<p>View and post pictures in the gallery of all types.</p><a href=http://brianjwilson.com/index.php?action=read;sa=gallery class="readon">More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=shop><img src="/modules/images/shop.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=shop>
Shop</a></h1><p>Buy cool items that make your status in our forum increase!</p><a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=shop>
More...</a></div>
</div>
</div>
<div class="slide">
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=avtr><img src="/modules/images/avatar1.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=avtr>
Avatar Maker</a></h1><p>Create a personalized avatar that can look like anything.</p>
<a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=avatar>
More...</a></div>
</div>
</div>
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=chat><img src="/modules/images/chat.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=chat>
Chat</a></h1><p>Talk to people from anywhere in our chat rooms. Have private parties by PMing admin.</p>
<a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=chat>
More...</a></div>
</div>
</div>
<div class="slide-inner">
<a href=http://brianjwilson.com/index.php?action=tpmod;dl><img src="/modules/images/downloads.gif" /></a>
<div class="fpss_introtext"><h1><a href=http://brianjwilson.com/index.php?action=tpmod;dl>
Downloads</a></h1><p>Download items we give you for download.</p>
<a class="readon" href=http://brianjwilson.com/index.php?action=read;sa=downloads>
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 class="navi" href="#06">06</a>
</li>
<li>
<a class="navi" href="#07">07</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>
Isnt working right. Any ideas? ??? Thanks,
Brianjw
What do you see?
It stretches out over the entire page, i need an html expert.
I am better at php then I am at html lol ;D
it would be nice for this to just pull posts from a board. if you used the same pictures for many topics you could just match the photos with the subject icon so depending on the icon you select when you create the topic it would chnage the background.
then just have topic title at the top with a by: "poster" below it.
then a set amount of the body below that.
I have no idea how to do it, but it would be cool and make this a very easy block.
-jacob
Quote from: Gobo on February 24, 2007, 05:34:46 PM
try putting in the colors manually to each slide like this:
<h1><a href=http://yoursite.com/>
Heading Goes here!</a></h1>
u could try
<h1><a href=http://yoursite.com/>
<font color="#00FF00">Heading Goes here!</font></a></h1>
I notice in IE6, then heading information area background is solid and stand out even better :up:
...i am going to make a test board to show the results i get tonight some time ;) ...
I just downloaded the modules.zip, unzipped it, and uploaded the folder/sub-folders to my forum root. I then created a front page block with the exact code listed on the first post and placed it into a scriptbox as noted. It doesn't work. What I get is really ugly (see below). Normally, I would just think this is a css problem (i.e. not referencing the css file properly or something, but the sides or image functions don't work at all), but I'm not sure what is wrong. I had tried changing the urls to match my domain, but thinking that I screwed something up I changed it back to the exact code above and it still doesn't work.
Can anyone help me figure out what's going on? I really need to stop working on this stuff so late :o
Just read through this post, and the same error have been addressed, so read through the thread and try the diffrent codes posted, one of them might just work :)
A script can be interfearing with this one. Check to see what other scripts you have and try deactivating some to see if that works ;)
Hi Aku.
I found this front page slide show. my questions will be pretty much the same here i guess. Powered by SMF 1.1.2 and in concert with Tiny Portal v. 0.9.7.
I see a code indicated as for every additional slide to be placed in it.
I quite possibly see the application having as many as 100 images at one time.
Is there a way to relate the viewer to a File folder instead of a quik code for every image? I had planned to install them manually into a folder in my C-Panel for all the cats neeeding homes from shelters and such.
I hope it can do more than the five you illustrated in your site then. I am guessing that it was a quik set-up for illustration of function. Lifes a real crunch rite now. planning to open on the 25th ::)
i have put this scriptbox in a blank fresh new smf1.1.2 + tp0.9.8 but can't work...i also already put the modules folder under the forum root where http://localhost/smf/ is my root....
sorry i really can't find the answer in this thread on how to solve this problem...
my problem same as the problem stated by Skyview above....
i develop on localhost, apache server, php5.2 and mysql 5.0...
anyone can show me the right way?
i will very appreciate your kindness....
edward, I am a little confused on what you are saying.
You are using 1.1.2 and TP098. :)
You are having the same problem as skyview... ok i see...
* Brianjw think for a second
What other blocks are you using? Have you modified the theme you are using? What theme are you using?
Answer those three questions and I will be able to help you, also one more. Can you give us a link to your website? ;)
Brianjw
thanks for quick reply...
i am using default theme and don't have any blocks because i just installed a blank new smf 1.1.2 and tp 0.9.8...
this frontpage slideshow is my first block to add....
i can't give you the link because i develop in localhost....
hmmm....
Quote from: edwardsiow on March 19, 2007, 05:03:59 PM
thanks for quick reply...
i am using default theme and don't have any blocks because i just installed a blank new smf 1.1.2 and tp 0.9.8...
this frontpage slideshow is my first block to add....
i can't give you the link because i develop in localhost....
hmmm....
Have you modified the default theme? ???
At this point, I think you will have to wait for aku's reply (gobo) or RoarinRow. They use this and got it to work. I never got to make it work for me so... :)
Brianjw
no....i didn't modified the theme.....
hope aku and roarinrow willing to help me....
anyway, thanks brianjw....nice to meet you....you are so kind...
goodnight..(here already 1.13 morning....)
the problem skyview and others are having is because of a duplication of folder
check your modules folder via FTP
it will be like this :
Root (where SMF is installed)
Root/modules/modules/images
Root/modules/modules/mod_fpslideshow
it should be like this:
Root (where SMF is installed)
Root/modules/images
Root/modules/mod_fpslideshow
So a simple fix is to simply place the images and mod_fpslideshow so that the directory structure becomes like this
Root (where SMF is installed)
Root/modules/images
Root/modules/mod_fpslideshow
thanks for aku's reply...
i have checked but my directory structure is correct....
root:
C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\smf\
modules:
C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\smf\modules\images
C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\smf\modules\mod_fpslideshow
should i configure anything if i use localhost to play it?
I would also recommend you getting a domain. That way you can share it for all :)
Quote from: edwardsiow on March 19, 2007, 05:13:25 PM
anyway, thanks brianjw....nice to meet you....you are so kind...
Thank you for the compliment :)
yes...i am looking for suitable web hosting and thinking of what contents should i provided....
it is not easy to build a successful website without good content...
before going into real world, i would always like to test and study in localhost first....
i tried running this locally but no luck for me either
I think its the way the javascript is structured that it requires the script to be on a server
i placed the same as a stand alone on my site and it started working
oh ic...thanks....i will install it on server...
thanks a lot....
Quote from: Gobo on March 19, 2007, 05:47:47 PM
the problem skyview and others are having is because of a duplication of folder
check your modules folder via FTP
it will be like this :
Root (where SMF is installed)
Root/modules/modules/images
Root/modules/modules/mod_fpslideshow
it should be like this:
Root (where SMF is installed)
Root/modules/images
Root/modules/mod_fpslideshow
So a simple fix is to simply place the images and mod_fpslideshow so that the directory structure becomes like this
Root (where SMF is installed)
Root/modules/images
Root/modules/mod_fpslideshow
Unfortunately, that's not it with me. The modules folder is off of the root of the forum, and the two sub folders are only one level beneath the modules folder as they should be. Still stuck on this one.
Had a little while to work on it again tonight and got it working. Here's what I did.
I copied the whole code block into an index.html to play with. I set it up and changed the paths to be absolute instead of relative and it worked great. So, then I took the working code and copied it back into a frontpage block in TP and it still works, yeah! Just need to figure out now why the next and previous aren't visible. Might have something to do with the fact that I have 15 pictures in it now.
i have tested in server(web hosting), it's work fine....!!!
again, thanks for people who willing to help me along the way to solve my problem and thanks a lot to the creater of this code....
good news :D
yea seems localhost it dosent work but live it works
glad it works for u :)
hello,
everything worked fine, except that i got an error message in my internet explorer window status bar.
it says "Done, but with errors on page", and it has an exclamation point icon before the message.
when i click on the icon, a new window pops up and has this message:
----
Line: 372
Char: 2
Error: Object expected
----
and then when i view the Source code of the page and look at Line 372 it has an entry there that says:
initShowHideDivs();
what seems to be the problem?
thanks.
its a problem with IE
I was reading about it on the vB forum seems they made some changes in their browser as a result it dosent recognize the object() command in js or something like that.
No matter what script u will run in JS which uses object command, it will give u that error in IE unfortunately.
To fix it the JS file would need to be re-written which is beyond my scope really
Worked great on my website, http://www.BamaNation.net thank you for the time you put into this.
Nice site :coolsmiley:. I'm probably going to put it up on my site this summer. :D
so, anyone know how to solve the IE 6 pops up error message?
or anyone know how to modify the smooth slideshow from JonDesign so that it has the numbering navigation bar similiar like this one?
really appreciate those kindness good programmer....
Quote from: edwardsiow on April 28, 2007, 04:28:50 AM
so, anyone know how to solve the IE 6 pops up error message?
or anyone know how to modify the smooth slideshow from JonDesign so that it has the numbering navigation bar similiar like this one?
really appreciate those kindness good programmer....
I don't get a popup message with IE 6 or 7, but I do see this error in the status bar. It doesn't interfere with the functionality of the slideshow.
yes...it do...IE 6 pops up but IE 7 don't....
You don't know how long I have been working on something like this! Thanks to everyone who made (and modded) this program!
exist a way to make this fully compatible with IE6, IE7 and mozilla?
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
<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?
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
Check the file's permissions. 644 is what the permission setting should be.
a IMPORTANT problem,
when i correct in the website, it cant autoslide, how can fix it?
(i tried IE7 & Firefox beta 3)
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....