PDA

View Full Version : Page Scroller (aka Custom Scrollbar)



share
01-02-2006, 10:31 PM
http://www.dynamicdrive.com/dynamicindex2/pagescroller.htm

I want to know how can i change this script to "left to right mode",because the page is not up to down:(

Thanks a lot

jscheuer1
01-03-2006, 07:51 AM
I found this demo page lying around in my scripts trial area, it seems to fit the bill:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>Left-Right Scroller</title>

</head>
<body>
<div>
<table>
<tr>
<td><img src=1st.jpg width=1500 height=1000 border=0 alt=" " title=" "></td>
</tr>
</table>
<table id="staticbuttons" style="position:absolute;cursor:pointer;"><tr><td>&nbsp;<a
onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img src="arrows_lt.gif"
border="0" alt=""></a></td><td>&nbsp;<a onmouseover="myspeed=thespeed"
onmouseout="myspeed=0"><img src="arrows_rt.gif" border="0" alt=""></a></td></tr></table>

<script>

//Page Scroller (aka custom scrollbar)- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//Modified for Horizontal Scrolling by jscheuer1 in http://www.dynamicdrive.com/forums
//This credit MUST stay intact for use

var Hoffset=110 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

iecompattest().style.overflowX='hidden'

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(myspeed,0)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>

</div>
</body>
</html>

share
01-03-2006, 01:52 PM
Thank you very much!!!!!!

lanithro
05-05-2006, 05:16 AM
Is it at all possible to replace both the horizontal and vertical scrollbars with this script? I've tried playing around with it a bit, but can't work it out. The problem is that one of bars won't work or both of the bars will do the same thing.

jscheuer1
05-05-2006, 05:23 AM
Is it at all possible to replace both the horizontal and vertical scrollbars with this script? I've tried playing around with it a bit, but can't work it out. The problem is that one of bars won't work and everything will be out of position.

Sounds like you may have a script conflict. In theory it is possible to replace the scrollbars but, you should leave them there anyway for folks without javascript, or make it so that the scrollbars are only removed if the script executes successfully.

Please post a link to the page on your site that contains the problematic script so we can check it out.