Poziome przewijanie grafiki na stronie.

[webster81]

Witam, czy wie ktoś gdzie znajdę, lub ktoś potrafi napisać skrypt do poziomego przewijania grafiki np w ramce. (bliżej chciałbym aby przy ładowaniu się strony załadowało się np 10 miniaturek, ale na stronie były widoczne tylko 3,4 pozostałe pojawiały by się po wykonaniu akcji np on click albo on mouse over).

W internecie jest mnóstwo skryptów >pionowych< , ale do mojego pomysłu lepiej pasowałby poziomy. Udało mi się znaleźć jeden który pasował by idealnie ale kosztuje chyba 30 $ i nazywa się chyba tigra.

Będę wdzięczny za pomoc.

[Asit]

moze cos takiego:

Kod: Zaznacz cały

<script type="text/javascript">
<!--

var goleftimage='lewastrzalka.gif'
var gorightimage='prawastrzalka.gif'
var menuwidth=349
var menuheight=87
var scrolldir="reverse"
var scrollspeed=6
var menucontents='<nobr> <img src="01.gif" width="113" height="85">   <img src="02.gif" width="113" height="85">   <img src="03.gif" width="113" height="85">   <img src="04.gif" width="113" height="85"> </nobr>'


var iedom=document.all||document.getElementById
var leftdircode='onMouseOver="moveleft()" onMouseOut="clearTimeout(lefttime)"'
var rightdircode='onMouseOver="moveright()" onMouseOut="clearTimeout(righttime)"'
if (scrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}


if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="2">')
write('<td valign="middle"><img src="'+goleftimage+'" '+leftdircode+' border="0" style="cursor: hand;"></td>')
write('<td width="'+menuwidth+'" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left="0" top="0"></layer></ilayer>')
}
write('</td>')
write('<td valign="middle">')
write('<img src="'+gorightimage+'" '+rightdircode+' border="0" style="cursor: hand;">')
write('</td></table>')
}
}

//-->
</script>

[webster81]

Szczerze mówiąć nie jestem znawcą javascript i trochę się w nim pogubiłem.
Czy mógłbyś go zamieścić w tagach html, albo podesłać go już do mnie na pocztę jako stronkę [email protected].

[Asit]

ten skrypt wklejasz do body.. wsio
moge jedynie przeslac Ci skrypt z komentarzami w ktorych napisze gdzie co sie zmienia..