Ændre scroll/slide
Hej derudeJeg har et problem med en JavaScript-scroller/slide. På nuværende tidspunkt der slider billederne fra højre mod venstre. Er der en der kan gøre således, at den slider fra bund mod top?
Koden ser således ud:
<script type="text/javascript">
var memorywidth="85px" //scroller width
var memoryheight="430px" //scroller height
var memorybgcolor="none" //scroller background
var memorypadding="0" //padding applied to the scroller. 0 for non.
var borderCSS="border: 0;" //Border CSS, applied to scroller to give border.
var memoryspeed=2 //Scroller speed (larger is faster 1-10)
var pauseit=1 //Pause scroller onMousever (0=no. 1=yes)?
var persistlastviewedmsg=1 //should scroller's position persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onload" //set to "onload" or "onclick".
//Specify the scroller's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var memorycontent='<a href="http://www.3.dk" target="_blank"><img src="data/media/ref_3.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.mtv.dk" target="_blank"><img src="data/media/ref_mtv.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.adidas.com/dk/shared/home.asp" target="_blank"><img src="data/media/ref_adidas.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.bmw.dk/" target="_blank"><img src="data/media/ref_bmw.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.calvinklein.com/" target="_blank"><img src="data/media/ref_ck.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.carlsberg.dk" target="_blank"><img src="data/media/ref_carlsberg.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.coca-cola.dk/" target="_blank"><img src="data/media/ref_cocacola.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.dolcegabbana.it/" target="_blank"><img src="data/media/ref_dandg.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.lorealparis.com" target="_blank"><img src="data/media/ref_loreal.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.mini.com" target="_blank"><img src="data/media/ref_mini.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.nestea.com/index.jsp" target="_blank"><img src="data/media/ref_nestea.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.philips.dk/" target="_blank"><img src="data/media/ref_philips.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.pinklady-europe.com/" target="_blank"><img src="data/media/ref_pinklady.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a> <br><br><br> <a href="http://www.v6.dk/" target="_blank"><img src="data/media/ref_v6.jpg" height="35" width="82" border="0" style="filter:alpha(opacity=50)"></a>'
////NO NEED TO EDIT BELOW THIS LINE////////////
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS
var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller
if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller
function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}
function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}
if (iedom){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}
</script>
På forhånd tak!
