Page 1 of 1

Slideshow: volgorde foto's

Posted: Fri Sep 04, 2009 2:46 pm
by Silvie
Korte vraag: Hoe krijg je de volgorde van foto's goed in simple slider?

Re: Slideshow: volgorde foto's

Posted: Thu Sep 10, 2009 7:01 am
by Silvie
Niemand hier een antwoord op?
Hoe ik ze ook plaats, op alfabet of nummer hij gooit ze door elkaar op het moment als ik foto's toevoeg.
Ik moet een slideshow maken van een opbouw van iets, dit moet op volgorde.

Groetjes Silvie

Re: Slideshow: volgorde foto's

Posted: Thu Sep 10, 2009 2:05 pm
by Rolf
Silvie,

Misschien beantwoordt dit je vraag...  :-\
perseus wrote: A feature I would like would be to be able to pick if the images will be shown in sequence or in
random every time you go to the page with the slideshow. I have no understanding
in how the slide show is generated so this might not be possible...
http://dev.cmsmadesimple.org/feature_request/view/3283

Grtz. Rolf

Re: Slideshow: volgorde foto's

Posted: Thu Sep 10, 2009 4:19 pm
by Silvie
oei niet mogelijk dus, weet iemand misschien een ander slideshow di ewerkt in cmsms?

Re: Slideshow: volgorde foto's

Posted: Thu Sep 10, 2009 8:01 pm
by Jos
Ik heb wel eens de Image_rotator tag gebruikt. Zie http://dev.cmsmadesimple.org/projects/image-rotator

De help-sectie geeft aan bij de parameters in relatie tot volgorde:
(optional) random - True for random images order, false for natural image ordering. Default is true

Je moet dus random='false' toevoegen. Ik heb echter geen idee wat bedoeld wordt met "natural image ordering"
Kwestie van uitproberen dus?

Re: Slideshow: volgorde foto's

Posted: Fri Sep 11, 2009 2:25 pm
by rayring
Hallo het is misschien niet helemaal wat je bedoelt.... maar ik gebruik deze slideshow zoals bijvoorbeeld te zien op deze site: http://www.adindasborduurstudio.nl (site in ontwikkeling) Het voordeel is dat je de snelheid, grootte etc. kan bepalen en ook per afbeelding een website link.

Deze code gebruik ik in de template:

Code: Select all

{literal}
	 
<__script__ type="text/javascript">

/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


//Specify the slider's width (in pixels)
var sliderwidth="250px"
//Specify the slider's height
var sliderheight="260px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#990033"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''

leftrightslide[0]='<a href="http://www.cmsmadesimple.org" target="_blank"><img src="uploads/images/rotator/1.jpg" border=0></a>'
leftrightslide[1]='<a href="http://www.cmsmadesimple.org" target="_blank"><img src="uploads/images/rotator/2.jpg" border=0></a>'
leftrightslide[2]='<a href="http://www.cmsmadesimple.org" target="_blank"><img src="uploads/images/rotator/3.jpg" border=0></a>'
leftrightslide[3]='<a href="http://www.cmsmadesimple.org" target="_blank"><img src="uploads/images/rotator/4.jpg" border=0></a>'


//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=15


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</__script>

{/literal}

Re: Slideshow: volgorde foto's

Posted: Sat Sep 12, 2009 1:03 pm
by Silvie
Dank je wel voor de antwoorden!
Ik ga het uitproberen. En laat weten wat het is geworden.

Re: Slideshow: volgorde foto's

Posted: Fri Oct 02, 2009 8:49 am
by Silvie
>> Rayring: Ik heb je slideshow geplaatst. Werkt prima. En gelinkt naar een grotere foto.
Was een wens van de klant.

Bedankt!