Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 05.02.2011
Сообщений: 18
1

как изменить скрипт что бы картинки перемещались с лева на право друг за другом по всей страничке

05.02.2011, 11:31. Показов 1364. Ответов 1
Метки нет (Все метки)

как изменить скрипт что бы картинки перемещались с лева на право друг за другом по всей страничке
----------------------------------------------




<script language="JavaScript1.2">

//Presentational Slideshow Script- By Studio Designsib
//For full source code and more DHTML scripts, visit http://www.designsib.ru
//This credit MUST stay intact for legal use

var slideshow_width='400px' //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)
var slideshow_height='100px' //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)
var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
var slidebgcolor="white"

var dropimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
dropimages[0]="images/_1.jpg"
dropimages[1]="images/_2.jpg"
dropimages[2]="images/_3.jpg"


var droplinks=new Array()
//SET IMAGE URLs. Use "" if you wish particular image to NOT be linked:
droplinks[0]="http://www.mail.ru"
droplinks[1]="http://www.mail.ru"
droplinks[2]="http://www.mail.ru"


////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+ slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+ slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+ slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>


</body>
</html>
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.02.2011, 11:31
Ответы с готовыми решениями:

Найти все слова которые с право на лево и с лева на право читаются одинаково
помогите пожалуйста срочно нужна программа на Делфи &quot;Hайти все слова которые с право на лево и с...

Создание простой анимации что бы менялись картинки друг за другом
Создание простой анимации что бы менялись картинки друг за другом как реализовать

Скажите как можно сдать так, чтоб текст вводился не с лева на право, а наоборот?
Скажите как можно сдать так, чтоб текст вводился не с лева на право, а наоборот?

Разместить картинки друг под другом, справа у каждой картинки текстовая информация
Добрый день, уважаемые специалисты. Очень нужен Ваш совет (поиском пользовалась - не нашла в чем...

1
126 / 93 / 18
Регистрация: 09.01.2011
Сообщений: 466
06.02.2011, 14:09 2
При чем здесь PHP?
HTML5
1
<marquee behavior="left">Test</marquee>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.02.2011, 14:09

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Bootstrap - col-offset при с ужении прыгает с лева на право
Доброе время суток всем и заранее благодарен тому кто откликнется!!! При с ужении монитора из-за...

Поместить 4 картинки друг за другом
Здравствуйте, Подскажите пожалуйста как поместить 4 картинки друг за другом. И под каждой...

Не могу расположить картинки рядом с друг другом
Не могу расположить картинки с текстом рядом с друг другом &lt;!DOCTYPE html&gt; &lt;!DOCTYPE html&gt; &lt;html...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.