<!--
Set up the caption font in the following style.
Also set the styles for the controls.
Place the style script in the head of the page.
//-->
.Caption {
font-family: Arial;
font-weight: normal;
font-size: 12pt;
color: #FF3300; }
A.Controls:link { color:#666666;
text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:active { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:hover { color:#00FF00; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
<!--
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->
// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.
// ==============================
// Set the following variables...
// ==============================
// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 300;
// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;
var picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var showHot = false; // don't change this
// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the picture array.
// Caution: The number of pictures *must*
// equal the number of Captions!
picture[1] = 'tablica.jpg'
picture[2] = 'tablica.jpg';
picture[3] = 'tablica.jpg';
picture[4] = 'tablica.jpg';
picture[5] = 'tablica.jpg';
picture[6] = 'tablica.jpg';
picture[7] = 'tablica.jpg';
picture[8] = 'tablica.jpg';
picture[9] = 'tablica.jpg';
picture[10] = 'tablica.jpg';
// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of pictures!
Caption[1] = "Artykuł";
Caption[2] = "Sport";
Caption[3] = "Muzyka";
Caption[4] = "Fotografia";
Caption[5] = "Taniec";
Caption[6] = "Inne";
Caption[7] = "This is the seventh caption.";
Caption[8] = "This is the eighth caption.";
Caption[9] = "This is the ninth caption.";
Caption[10] = "This is the tenth caption.";
// =====================================
// Do not edit anything below this line!
// =====================================
var tss;
var iss;
var jss = 0;
var pss = picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = picture[iss];}
function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.pictureBox.style.filter="blendTrans(duration=2)";
document.images.pictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.pictureBox.filters.blendTrans.Apply();}
document.images.pictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.pictureBox.filters.blendTrans.Play();
}}
<!--
Add onload='showHot=true;' to the body tag. This is
needed to prevent false object calls while the page
is loading. Optional: If you are using this in a
popup, as in this demo, adding self.focus() to the
onload event in the body tag will bring the popup
to the front each time it is loaded [recommended].
//-->
<body onload='showHot=true;self.focus();' bgcolor=#000000 link="#FF0000" vlink="#FF0000" alink="#FF0000">
<!--
The following table holds the images, captions, and controls.
Place the table in your page where you want the slideshow
to appear. Follow the instructions for each table cell.
//-->
<table border=0 cellpadding=10 cellspacing=0> <!--
The next table cell holds the images.
Set cell and image width and height the same.
The img src must have name=pictureBox in its
tag. Often, the first image in the picture
array in the script is used here; but you
may also use a different, introductory image
as we have here, since this image is shown
only on start-up.
//-->
<td width=600 height=600 colspan="3"> <img src=tablica.jpg name=pictureBox width=600 height=600>
<!--
The next table cell holds the captions.
This table cell must have id=CaptionBox and
class=Caption in its tag. The default caption
shows whilst loading in all browsers; NS4
will show only the default caption, throughout.
//-->
<td id=CaptionBox class=Caption align=center colspan="3"> This is the default caption.
<!--
The following three cells contain the controls.
Each of the control a href's must contain class=
Controls, to attach the styles (see top of script).
To dress this up a bit, you can of course substitute
<img src> images for the text in the links.
//-->
<a class=Controls href="#" onClick="java script:control('B');">< <</a> <a class=Controls href="#" onClick="java script:control('H');">| | |
</a> <a class=Controls href="#" onClick="java script:control('F');"><b>> >
</b></a>
[PHP][HTML]Skrypt SlideShow
TymcioPaluch [PHP][HTML]Skrypt SlideShow 12.08.2013, 12:04:34 
