Avatar billede kimox Nybegynder
19. maj 2008 - 22:05 Der er 19 kommentarer og
1 løsning

hjælp til motion

hej eksperter.

jeg beklager følgende lange post

<script type="text/javascript">
akt = null;

var i, l;

function visTxt(nr) {
  if (akt != nr) {
    akt = nr;
    t = document.getElementById("minDiv");
    t.style.visibility = "hidden";
    t.innerHTML = document.getElementById("txt" + nr).innerHTML;
    t.style.left = -20;
    if (document.all)
      t.filters.opacity = 0;
    else
      t.style.MozOpacity = 0;
    i = 0;
    l = -20;
    t.style.visibility = "visible";
    loopTxt();
  }
}

function loopTxt() {
  ++i;
  t = document.getElementById("minDiv");
  l += Math.ceil((0 - l) * 0.25);
  if (l > 0)
    l = 0;
  t.style.left = l;
  if (document.all)
    t.filters.alpha.opacity = i * 5;
  else
    t.style.MozOpacity = (i * 5) / 100;
  if (i < 20)
    setTimeout("loopTxt();", 50);
}
</script>
<script type="text/javascript">

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/kontor_pic/polen/pol1.jpg", "", ""] //plain image syntax
fadeimages[1]=["images/kontor_pic/polen/pol2.jpg", "", ""] //image with link syntax
fadeimages[2]=["images/kontor_pic/polen/pol3.jpg", "", ""] //image with link and target syntax
fadeimages[3]=["images/kontor_pic/polen/pol4.jpg", "", ""] //image with link and target syntax
fadeimages[4]=["images/kontor_pic/polen/pol5.jpg", "", ""] //image with link and target syntax
fadeimages[5]=["images/kontor_pic/polen/pol6.jpg", "", ""] //image with link and target syntax

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["images/kontor_pic/polen/pol1.jpg", "", ""] //plain image syntax
fadeimages2[1]=["images/kontor_pic/polen/pol2.jpg", "", ""] //image with link syntax
fadeimages2[2]=["images/kontor_pic/polen/pol3.jpg", "", ""] //image with link and target syntax
fadeimages2[3]=["images/kontor_pic/polen/pol4.jpg", "", ""] //image with link and target syntax
fadeimages2[4]=["images/kontor_pic/polen/pol5.jpg", "", ""] //image with link and target syntax
fadeimages2[5]=["images/kontor_pic/polen/pol6.jpg", "", ""] //image with link and target syntax

var fadeimages3=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages3[0]=["images/kontor_pic/polen/pol1.jpg", "", ""] //plain image syntax
fadeimages3[1]=["images/kontor_pic/polen/pol2.jpg", "", ""] //image with link syntax
fadeimages3[2]=["images/kontor_pic/polen/pol3.jpg", "", ""] //image with link and target syntax
fadeimages3[3]=["images/kontor_pic/polen/pol4.jpg", "", ""] //image with link and target syntax
fadeimages3[4]=["images/kontor_pic/polen/pol5.jpg", "", ""] //image with link and target syntax
fadeimages3[5]=["images/kontor_pic/polen/pol6.jpg", "", ""] //image with link and target syntax

var fadeimages4=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages4[0]=["images/kontor_pic/polen/pol1.jpg", "", ""] //plain image syntax
fadeimages4[1]=["images/kontor_pic/polen/pol2.jpg", "", ""] //image with link syntax
fadeimages4[2]=["images/kontor_pic/polen/pol3.jpg", "", ""] //image with link and target syntax
fadeimages4[3]=["images/kontor_pic/polen/pol4.jpg", "", ""] //image with link and target syntax
fadeimages4[4]=["images/kontor_pic/polen/pol5.jpg", "", ""] //image with link and target syntax
fadeimages4[5]=["images/kontor_pic/polen/pol6.jpg", "", ""] //image with link and target syntax

var fadeimages5=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages5[0]=["images/kontor_pic/polen/pol1.jpg", "", ""] //plain image syntax
fadeimages5[1]=["images/kontor_pic/polen/pol2.jpg", "", ""] //image with link syntax
fadeimages5[2]=["images/kontor_pic/polen/pol3.jpg", "", ""] //image with link and target syntax
fadeimages5[3]=["images/kontor_pic/polen/pol4.jpg", "", ""] //image with link and target syntax
fadeimages5[4]=["images/kontor_pic/polen/pol5.jpg", "", ""] //image with link and target syntax
fadeimages5[5]=["images/kontor_pic/polen/pol6.jpg", "", ""] //image with link and target syntax

var fadebgcolor="black"

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

var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers

var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}

var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}


fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}


fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

</script>

mit problem er at her er der 2 funktioner. 1: til at slide en div ind 2: en til at slide et nyt billede ind.

problemet er at begge funktioner bruger "MozOpacity"

dvs at det ene script ikke fungere optimalt.. det er denne linje i nederste funktion den siger der er fejl i: "else if (crossobj.style.MozOpacity)"

er der nogen der kan hjælpe med at løse problemet?
Avatar billede w13 Novice
19. maj 2008 - 22:25 #1
Hvilken fejl siger den? Og hvilken browser er der tale om?
Avatar billede kimox Nybegynder
19. maj 2008 - 22:30 #2
den siger 'style.MozOpacity' er null eller ikke et objekt

og det er IE
Avatar billede w13 Novice
20. maj 2008 - 10:30 #3
Der burde ikke være grund til alle de else if'er.

Ret:

var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101

Til:

var crossobj=document.getElementById(this.curcanvas)
crossobj.filters(0).opacity=this.degree;
crossobj.style.filter="alpha(opacity="+this.degree+")";
crossobj.style.MozOpacity=this.degree/101;
crossobj.style.KhtmlOpacity=this.degree/100;
crossobj.style.opacity=this.degree/101;
Avatar billede kimox Nybegynder
20. maj 2008 - 10:51 #4
nu siger den fejl i denne linje

crossobj.style.zIndex++

'style' er null eller ikke et objekt.

:(
Avatar billede w13 Novice
20. maj 2008 - 11:19 #5
Hvad hvis du retter:

var crossobj=document.getElementById(this.curcanvas);
crossobj.style.zIndex=parseInt(crossobj.style.zIndex)+1;
?
Avatar billede kimox Nybegynder
20. maj 2008 - 11:53 #6
skal jeg ændre

var crossobj=document.getElementById(this.curcanvas)
crossobj.filters(0).opacity=this.degree;
crossobj.style.filter="alpha(opacity="+this.degree+")";
crossobj.style.MozOpacity=this.degree/101;
crossobj.style.KhtmlOpacity=this.degree/100;
crossobj.style.opacity=this.degree/101;

til

var crossobj=document.getElementById(this.curcanvas);
crossobj.style.zIndex=parseInt(crossobj.style.zIndex)+1;
crossobj.filters(0).opacity=this.degree;
crossobj.style.filter="alpha(opacity="+this.degree+")";
crossobj.style.MozOpacity=this.degree/101;
crossobj.style.KhtmlOpacity=this.degree/100;
crossobj.style.opacity=this.degree/101;

??

eller? :o)
Avatar billede w13 Novice
20. maj 2008 - 11:55 #7
Sorry.

Ret:

var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++

til:

var crossobj=document.getElementById(this.curcanvas);
crossobj.style.zIndex=parseInt(crossobj.style.zIndex)+1;
Avatar billede kimox Nybegynder
20. maj 2008 - 12:08 #8
nu siger den fejl på den linje

obj.tempobj.filters[0].opacity=obj.degree

gaab.. hehe .. jeg ville finde et andet script, men denne er så nem og tilføje til flere billeder så de skifter på samme side
Avatar billede w13 Novice
20. maj 2008 - 12:11 #9
Ja, der er bare mange fejl. :) Hvilken fejl siger den?
Avatar billede w13 Novice
20. maj 2008 - 12:12 #10
Du kan godt prøve at rette:

if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}

til:

obj.tempobj.style.filter="alpha(opacity="+obj.degree+")";
Avatar billede kimox Nybegynder
20. maj 2008 - 12:45 #11
den siger fejl på en linje hvor der ikke kan være fejl.

Men fejlen lyder på: 'fadeshow' er ikke defeneret
Avatar billede w13 Novice
20. maj 2008 - 12:47 #12
Linenr. holder ikke altid. Hvilken linje, som indeholder ordet "fadeshow", står nærmest ved det linjenr., som fejlen siger?
Avatar billede kimox Nybegynder
20. maj 2008 - 13:16 #13
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 240, 165, 0, 3000, 1, "R")
</script>

det er den funktion der kalder den
Avatar billede w13 Novice
20. maj 2008 - 13:22 #14
Og står det i nærheden af det linjenummer, som fejlen angiveligt skulle være i?
Avatar billede kimox Nybegynder
20. maj 2008 - 14:15 #15
ja den står ca 20 linjer under

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages5, 240, 165, 0, 3000, 1, "R")
</script>

og denne står ca 20 linjer over:

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages4, 240, 165, 0, 3000, 1, "R")
</script>
Avatar billede w13 Novice
20. maj 2008 - 14:53 #16
Hmm. Det er lige i overkanten.. Jeg er blank lige nu. :(
Avatar billede kimox Nybegynder
20. maj 2008 - 18:38 #17
ja det har jeg været fra starten haha ...

Du kender evt ikke et script som kan skifte et billede .. der behøver ikke være fade funktion osv på. Den skal bare skifte billederne i en array som står øverst. men der skal være mulighed for flere arrays da der skal være flere billeder der skal skifte
Avatar billede kimox Nybegynder
01. juni 2008 - 23:29 #18
vi lukker den bare her.. smid et svar. tak for hjælpen
Avatar billede w13 Novice
02. juni 2008 - 07:54 #19
Oki :)
Avatar billede kimox Nybegynder
02. juni 2008 - 18:26 #20
-lukket-
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester