Archief - HTML: foto's op pagina afspelen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

koenvvliet

Legacy Member
Heb hem ff uit de broncode gehaalt:
Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  CodeLifter.com ([email protected]) -->
<!-- Web Site:  http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'pic0.jpg'
Pic[1] = 'pic1.jpg'
Pic[2] = 'pic2.jpg'
Pic[3] = 'pic3.jpg'
Pic[4] = 'pic4.jpg'
Pic[5] = 'pic5.jpg'
Pic[6] = 'pic6.jpg'
Pic[7] = 'pic7.jpg'
Pic[8] = 'pic8.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>
Ge moet bij Pic[0] = 'pic0.jpg' bijvoorbeeld, pic0.jpg vervangen door de plaats waar uw foto staat.
Als ge er meerdere wilt toevoegen gewoon dezelfde structuur behouden.
Dus als ge nog meer foto's wilt toevoegen, typt ge onder Pic[8] = 'pic8.jpg',
Pic[9] = 'pic9bijvoorbeeld.jpg', daaronder weer Pic[10] = 'pic10bijvoorbeeld.jpg' , enz.

El Di@bLo

Legacy Member
koenvvliet zei:
Heb hem ff uit de broncode gehaalt:
Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  CodeLifter.com ([email protected]) -->
<!-- Web Site:  http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'pic0.jpg'
Pic[1] = 'pic1.jpg'
Pic[2] = 'pic2.jpg'
Pic[3] = 'pic3.jpg'
Pic[4] = 'pic4.jpg'
Pic[5] = 'pic5.jpg'
Pic[6] = 'pic6.jpg'
Pic[7] = 'pic7.jpg'
Pic[8] = 'pic8.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>
Ge moet bij Pic[0] = 'pic0.jpg' bijvoorbeeld, pic0.jpg vervangen door de plaats waar uw foto staat.
Als ge er meerdere wilt toevoegen gewoon dezelfde structuur behouden.
Dus als ge nog meer foto's wilt toevoegen, typt ge onder Pic[8] = 'pic8.jpg',
Pic[9] = 'pic9bijvoorbeeld.jpg', daaronder weer Pic[10] = 'pic10bijvoorbeeld.jpg' , enz.

thx man :niceone:

koenvvliet

Legacy Member
het stuk dat ik heb gepost zet je allemaal tussen de head tags.

<body> verander je in <body onLoad="runSlideShow()">

en dit voeg je tussen de body-tags toe:
Code:
<img src="1.jpg" name='SlideShow' height=300 width="450" img border="0">
Height en width aanpassen als ge het formaat wilt wijzigen.
Border (rand rond foto's) kunt ge ook aanpassen. In dit geval is er geen border omdat deze ingesteld staat op 0.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan