Scroller in Iframe
Ik heb dit script.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!--begin scroller -->
<script>
///////////////////
//www.fortochka.com
//Alexander Babichev 2006 Coopyright
//This script is free for private use. Otherwise a $10 fee per a site is required.
//the script can be modified but the copyright notice should be left unchanged.
///////////////////
var pic = new Array()
function banner(name, width, link){
this.name = name
this.width = width
this.link = link
}
pic[0] = new banner ('./image//page1-img2.jpg',100,'')
pic[1] = new banner ('./image//showpicture_005.jpg',100,'')
pic[2] = new banner ('./image//showpicture_004.jpg',100,'')
pic[3] = new banner ('./image//showpicture_008.jpg',100,'')
pic[4] = new banner ('./image//showpicture_004.jpg',100,'')
pic[5] = new banner ('./image//showpicture_003.jpg',100,'')
var speed = 30
var kk = pic.length
var ii
var hhh
var nnn
var myInterval
var myPause
var mode = 0
var imgArray = new Array(kk)
var myLeft = new Array(kk)
for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = pic[ii].name
imgArray[ii].width = pic[ii].width
hhh=0
for (nnn=0;nnn<ii;nnn++){
hhh=hhh+pic[nnn].width
}
myLeft[ii] = hhh
}
function ready(){
for (ii=0;ii<kk;ii++){
if (document.images[ii].complete == false){
return false
break
}
}
return true
}
function startScrolling(){
if (ready() == true){
window.clearInterval(myPause)
myInterval = setInterval("autoScroll()",speed)
}
}
function autoScroll(){
for (ii=0;ii<kk;ii++){
myLeft[ii] = myLeft[ii] - 1
if (myLeft[ii] == -(pic[ii].width)){
hhh = 0
for (nnn=0;nnn<kk;nnn++){
if (nnn!=ii){
hhh = hhh + pic[nnn].width
}
}
myLeft[ii] = hhh
}
document.images[ii].style.left = myLeft[ii]
}
mode = 1
}
function stop(){
if (mode == 1){
window.clearInterval(myInterval)
}
if (mode == 0){
window.clearInterval(myPause)
}
}
function go(){
if (mode == 1){
myInterval = setInterval("autoScroll()",speed)
}
if (mode == 0){
myPause = setInterval("startScrolling()",3000)
}
}
myPause = setInterval("startScrolling()",3)
</script>
<script>
for (ii=0;ii<kk;ii++){
document.write('<img space=0 hspace=0 vspace=0 border=0 height= 100 style=position:absolute;top:0;center; src=' + pic[ii].name + ' onMouseOver=stop() onMouseOut=go()></a>')
}
</script>
<script>
///////////////////
//www.fortochka.com
//Alexander Babichev 2006 Coopyright
//This script is free for private use. Otherwise a $10 fee per a site is required.
//the script can be modified but the copyright notice should be left unchanged.
///////////////////
var pic = new Array()
function banner(name, width, link){
this.name = name
this.width = width
this.link = link
}
pic[0] = new banner ('./image//page1-img2.jpg',100,'')
pic[1] = new banner ('./image//showpicture_005.jpg',100,'')
pic[2] = new banner ('./image//showpicture_004.jpg',100,'')
pic[3] = new banner ('./image//showpicture_008.jpg',100,'')
pic[4] = new banner ('./image//showpicture_004.jpg',100,'')
pic[5] = new banner ('./image//showpicture_003.jpg',100,'')
var speed = 30
var kk = pic.length
var ii
var hhh
var nnn
var myInterval
var myPause
var mode = 0
var imgArray = new Array(kk)
var myLeft = new Array(kk)
for (ii=0;ii<kk;ii++){
imgArray[ii] = new Image()
imgArray[ii].src = pic[ii].name
imgArray[ii].width = pic[ii].width
hhh=0
for (nnn=0;nnn<ii;nnn++){
hhh=hhh+pic[nnn].width
}
myLeft[ii] = hhh
}
function ready(){
for (ii=0;ii<kk;ii++){
if (document.images[ii].complete == false){
return false
break
}
}
return true
}
function startScrolling(){
if (ready() == true){
window.clearInterval(myPause)
myInterval = setInterval("autoScroll()",speed)
}
}
function autoScroll(){
for (ii=0;ii<kk;ii++){
myLeft[ii] = myLeft[ii] - 1
if (myLeft[ii] == -(pic[ii].width)){
hhh = 0
for (nnn=0;nnn<kk;nnn++){
if (nnn!=ii){
hhh = hhh + pic[nnn].width
}
}
myLeft[ii] = hhh
}
document.images[ii].style.left = myLeft[ii]
}
mode = 1
}
function stop(){
if (mode == 1){
window.clearInterval(myInterval)
}
if (mode == 0){
window.clearInterval(myPause)
}
}
function go(){
if (mode == 1){
myInterval = setInterval("autoScroll()",speed)
}
if (mode == 0){
myPause = setInterval("startScrolling()",3000)
}
}
myPause = setInterval("startScrolling()",3)
</script>
<script>
for (ii=0;ii<kk;ii++){
document.write('<img space=0 hspace=0 vspace=0 border=0 height= 100 style=position:absolute;top:0;center; src=' + pic[ii].name + ' onMouseOver=stop() onMouseOut=go()></a>')
}
</script>
Nu komt de scroller ten alle tijde boven aan op de site waar ik het script ook plaatst.
Graag zou ik de scroller in een iframe willen hebben zodat ik de scroller op iedere willekeurige plaats van een website kan plaatsen.
Hoe doe ik dat?
Ben al dagen aan het puzzelen maar krijg het niet voor elkaar.
Graag in het vervolg bij code, [code] [/code] tags gebruiken. [/modedit]
Gewijzigd op 02/02/2011 18:19:44 door Bas IJzelendoorn
dit kan helpen om een html code te maken voor een iframe
dit bedoel je toch he?
Handig zo'n iframe generator.
Karl, Heb jij een beter image scroll script?
Eentje die op deze lijkt?
http://www.fortochka.com/JavaScript/HorScroller/default.htm
Tnx voor de tip.
Ik ga er naar kijken.