Ik heb nu dus een foto of 50 en die wil ik eigenlijk in een slideshow hebben. Nu hoor ik je denken "he ezel daar is powerpoint voor" klopt maar ik wil het zo hebben dat als je op de website komt dat dan in een keer (of na het klikken op een andere link maar ok) de slideshow begint. Ook nu hoor ik je denken "ja ezel en daar hebben ze flash voor uitgevonden" klopt ook, maar volgens mij is dat nog best moeilijk of heb ik het mis ?
Is er niet een makkelijk programmatje dat zoiets in 1x voor mij kan maken ?
je kan het met javascript doen en eventueel in combinatie met php
code:===========================================================
Script: JavaScript Cross-Browser SlideShow Script
With Cross-Fade Effect between Images
Adjustable Timing and Unlimited Images
Function: Displays images continuously in a slideshow
presentation format, with a fade effect on
image transitions.
Browsers: All common browsers: NS3-6, IE 4-6
Fade effect only in IE; others degrade gracefully
Author: etLux
===========================================================Step 1.
Put the following script in the head of your page:<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully// =======================================
// set the following variables
// =======================================// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000// Duration of crossfade (seconds)
var crossFadeDuration = 3// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array belowPic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'// =======================================
// do not edit anything below this line
// =======================================var t
var j = 0
var p = Pic.lengthvar 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)
}
</script>===========================================================
Step 2.
Put this onload event call in your body tag:
<body onload="runSlideShow()">===========================================================
Step 3.
Put this in the body of your page where you want the
slide show to appear.Set widths and heights same as images
Set image file same as first image in array Pic[] (above)<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="1.jpg" width=150 name='SlideShow' height=150></td>
</tr>
</table>===========================================================
|
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |