html image slideshow

[pbp]

Γεια σας,

Μήπως γνωρίζει κανείς αν γίνεται σε html & css να φτιάξω ένα images slideshow (διαφορετικές φωτογραφίες που προβάλλονται σε τακτά χρονικά διαστήματα σε ένα συγκεκριμένο σημείο μιας ιστοσελίδας)?

Αν γίνεται θα μπορούσε να με βοηθήσει κάποιος να το ξεκινήσω?

Σας ευχαριστώ πολύ για το χρόνο σας

[macabre_sunsets]

Θα χρειαστείς JavaScript για να το κάνεις αυτό.

[adamco]

Δοκίμασε αυτό το πρόγραμμα σε Javascript για να δεις αν σε βολεύει. Ορίζεις μέσα στο [div][/div] το μέγεθος και την θέση που θέλεις να εμφανίζεται το slideshow.

 

 

 

<script language="JavaScript1.1">

 

/*

DHTML slideshow script-

© Dynamic Drive (www.dynamicdrive.com)

For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com

*/

 

var photos=new Array()

var photoslink=new Array()

var which=0

 

//Specify whether images should be linked or not (1=linked)

var linkornot=0

 

<!--@Picts-->

photos[0]="images/tmp0.jpg"

photos[1]="images/tmp1.jpg"

photos[2]="images/tmp2.jpg"

 

<!--/Picts-->

 

//do NOT edit pass this line

 

var preloadedimages=new Array()

for (i=0;i<photos.length;i++){

preloadedimages=new Image()

preloadedimages.src=photos

}

 

<!--@Time-->

// call Update function in X seconds after first load

ID=window.setTimeout("Update();",1000);

function Update() {

forward();

ID=window.setTimeout("Update();",1000);

}

<!--/Time-->

 

 

function applyeffect(){

if (document.all){

photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*0)

photoslider.filters.revealTrans.stop()

photoslider.filters.revealTrans.apply()

}

}

 

 

function playeffect(){

if (document.all)

photoslider.filters.revealTrans.play()

}

 

function keeptrack(){

window.status="Image "+(which+1)+" of "+photos.length

}

 

 

function backward(){

if (which>0){

which--

applyeffect()

document.images.photoslider.src=photos[which]

playeffect()

keeptrack()

}

}

 

function forward(){

if (which<photos.length-1){

which++

applyeffect()

document.images.photoslider.src=photos[which]

playeffect()

keeptrack()}

else {

which=0

applyeffect()

document.images.photoslider.src=photos[which]

playeffect()

keeptrack()}

}

 

 

function transport(){

window.location=photoslink[which]

}

 

</script>

 

 

 

<!--@Text-->

<div id="1" align=justify style="position:absolute; overflow:hidden; left:20px; top:100px; width:620px; height:620px; z-index:1">

<script>

if (linkornot==1)

document.write('<a href="javascript:transport()">')

document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=0,transition=23)" border=0>')

if (linkornot==1)

document.write('</a>')

</script>

</div>

<!--/Text-->

 

<!--@Body-->

 

<!--/Body-->

 

 

 

[REDODIN7]

Αν μπορω και ας με συγχορεσει ο φιλος μπορει να μου πει καποιος πως να βαλω σε blogger ενα news slider αλλα αν γυνεται οχι σε JS

[cyclo]

προς το παρόν η χρήση slider γίνεται ακόμα με html 4 + javascript. (ή jquery, dojo και ότι άλλο θες)

 

 

αν θες να πας σε html5 λύσεις έχω να σου προτείνω, πιθανόν να παίζουν μόνο σε webkit + ff 4+