| Author |
 Topic  |
|
|
w.korsten
Novice
Netherlands
14 Posts |
 Posted - 10 Aug 2006 : 15:00:14
|
| Is is possible to make a slideshow with a fade function? |
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 10 Aug 2006 : 17:24:52
|
| Actually no but in the future I can add this feature ;-) |
Regards, Davide |
 |
|
|
Waldorf
Super User
Belgium
284 Posts |
Posted - 14 Aug 2006 : 22:48:30
|
YesssYessssYesssss would be very nice [2 :::::]
* |
*
"Happiness" is making -> The <- Choice!
*
|
Edited by - Waldorf on 14 Aug 2006 22:49:12 |
|
|
|
w.korsten
Novice
Netherlands
14 Posts |
Posted - 04 Sep 2006 : 11:35:25
|
Okay I made my own slideshow with fade effect, here you can see a sample from it www.es-living.com/assortiment.htm
an the code for it is:
Zet dit in de <head> sellectie van je pagina
<script language="JavaScript1.1">
<!--
//*****************************************
// Slideshow met fade effect
//*****************************************
//Specificeer de interval tussen de afbeeldingen (in mili seconds)
var slidespeed=3000
//specificeer de afbeeldingen
var slideimages=new Array("image1.gif","image2.gif","image3.gif")
//Specificeer de corresponderende URL
var slidelinks=new Array("http://www.hexagora.com","http://www.google.com","http://www.geocities.com")
var newwindow=1 //open de link in een nieuw venster? 1=yes, 0=no
var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}
//-->
</script>
Zet het onderstaande in de <boby> selectie van de pagina en pas de waarde width en height aan je wens aan
<a href="javascript:gotoshow()"><img src="image1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width=600 height=480></a>
<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()
//-->
</script> |
|
|
|
Waldorf
Super User
Belgium
284 Posts |
Posted - 04 Sep 2006 : 13:17:30
|
That sort of scripts,I have many, but sadly, it is "IE" compatible "only"
IE: okay
FFox no fading effect at all!
Opera: no sliding, no fading ... nothing!
mooie site trouwens(ik zie maar ??n klein shcooheidsfoutje)
*
|
*
"Happiness" is making -> The <- Choice!
*
|
Edited by - Waldorf on 04 Sep 2006 14:04:45 |
|
|
|
anima3
Expert
Canada
96 Posts |
Posted - 07 Jan 2009 : 17:12:10
|
| Ah. I was wondering the exact same thing. Would be so cool to have that in the next version :) |
|
|
|
T00N
Super User
573 Posts |
Posted - 07 Jan 2009 : 18:34:45
|
| It works in my FireFox. |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 08 Jan 2009 : 09:32:11
|
You can simple make a fade effect using the powerful "jquery" library.
When I'll find a bit of time I'll create such as feature ;-) |
Regards, Davide |
|
|
|
anima3
Expert
Canada
96 Posts |
|
| |
Topic |
|
Slideshow with fade function
