горизонтальный скроллинг изображений

Статус
В этой теме нельзя размещать новые ответы.

kozax89

Постоялец
Регистрация
12 Июл 2009
Сообщения
135
Реакции
4
Здраствуйте, помогите разобратся как сделать горизонтальный скроллинг изображений, такой как тут: (над footer'ом) очень очень нужно - буду боагодарен за помосчь!

ПС. Если есть готовый, работающий и крозбраузерный javascript на это то вообще будет шикарно!

нашел такой:

<script language="javascript">
var sliderwidth=330;
var sliderheight=150;
var slidespeed=4;
<!-- web-mastery.info -->
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="#"><img src="img/image1.jpg"></a>'
leftrightslide[1]='<a href="#"><img src="img/image2.jpg"></a>'
leftrightslide[2]='<a href="#"><img src="img/image3.jpg"></a>'
leftrightslide[3]='<a href="#"><img src="img/image4.jpg"></a>'
leftrightslide[4]='<a href="#"><img src="img/image5.jpg"></a>'
leftrightslide[5]='<a href="#"><img src="img/image6.jpg"></a>'
leftrightslide[6]='<a href="#"><img src="img/image7.jpg"></a>'
leftrightslide[7]='<a href="#"><img src="img/image8.jpg"></a>'
leftrightslide[8]='<a href="#"><img src="img/image9.jpg"></a>'
leftrightslide[9]='<a href="#"><img src="img/image10.jpg"></a>'
leftrightslide[10]='<a href="#"><img src="img/image11.jpg"></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+"&nbsp;&nbsp;"
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")}
function regenerate(){ window.location.reload() }
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide() }
if (document.all)
ieslider.scrollAmount=slidespeed}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02. document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01. document.ns_slider02.document.width
scrollslide() }
function scrollslide(){
if (document.ns_slider01. document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01. document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}else{
document.ns_slider01. document.ns_slider02.left=sliderwidth
scrollslide()}}
window.onload=regenerate2
</script>


Но он работает только под IE и когда картинки доходят до левого края экрана - сразуже начинат бежать от начала...
 

вот скрипт на базе jquery. полистай его настройки, должно подойти поидее
 
может кто встречал на мотулсах или без привязки к фреймворку?
 
А кто Вам мешает посмотреть исходный код и скопировать у них?
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху